::-webkit-scrollbar{
  display: none;
}
/* Reset Css  Start */
*,*:after,*:before{
  margin: 0;
  padding:0;
  box-sizing: border-box;
  word-break:break-word;
  
}
 /* *{
  border: 1px solid red !important;
 } */

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;
  vertical-align: baseline;
}
label{
  display: block;
  position: relative;
}
img{
  max-width: 100%;
  display: block;
  font-size: 0;
}
a{
  text-decoration: none;
  cursor:pointer;
  &:hover{
    text-decoration: none;
  }
  &:focus{
    outline: none;
  }
}
ol,
ul {
  list-style: none;
}
 
blockquote,
q {
  quotes: none;
}
 
blockquote,
q {
  &:before,
  &:after {
    content: '';
    content: none;
  }
}
 
table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
button{
  cursor:pointer;
  border: none;
  &:focus{
    outline: none;
  }
  &::-moz-focus-inner { 
    border: 0; 
  }
}
svg{
  display: block;
  line-height: 0;  
}
input::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Reset Css  End */

/* start of font-family */
@font-face {
    font-family: "space-grotesk-bold";
    src: url('./fonts/Space_Grotesk/static/SpaceGrotesk-Bold.ttf');
    font-weight: 700;
}
@font-face {
  font-family: "space-grotesk-semi-bold";
  src: url('./fonts/Space_Grotesk/static/SpaceGrotesk-SemiBold.ttf');
  font-weight: 600;
}
@font-face {
    font-family: "space-grotesk-medium";
    src: url('./fonts/Space_Grotesk/static/SpaceGrotesk-Medium.ttf');
    font-weight: 500;
}
@font-face {
  font-family: "space-grotesk-regular";
  src: url('./fonts/Space_Grotesk/static/SpaceGrotesk-Regular.ttf');
  font-weight: 400;
}
@font-face {
    font-family: "roboto-bold";
    src: url('./fonts/Roboto/static/Roboto-Bold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: "roboto-semi-bold";
    src: url('./fonts/Roboto/static/Roboto-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: "roboto-medium";
    src: url('./fonts/Roboto/static/Roboto-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: "roboto-regular";
    src: url('./fonts/Roboto/static/Roboto-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: "big-shoulders-black";
    src: url('./fonts/Big_Shoulders/static/BigShoulders-Black.ttf');
    font-weight: 900;
}
/* end of font-family */

/* start of typography */
:root{
    --white-text-color:#FFFFFF;
    --gray-text-color:#F6F7FB;
    --button-text-linear-gradient-red-color:linear-gradient(to right, #ff3535, #ff4745, #ff5654, #ff6463, #ff7171);
    --text-linear-gradient-white-color:linear-gradient(90deg,rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 70%);
    --numbers-text-linear-gradient-color: linear-gradient(to right, #c5c5c5, #d3d3d3, #e2e2e2, #f0f0f0, #ffffff);
    --background-color:#0E131E;
    --background-right-arrow-image:url('./photos/arrow-right.png');
    --background-left-arrow-image:url('./photos/arrow-left.png');
    --background-red-blur-image:url('./photos/red-blur.png');
}

.red-color-text{
   background: var(--button-text-linear-gradient-red-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.white-text-color{
   background: var(--text-linear-gradient-white-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.numbers-text-color{
    background: var(--numbers-text-linear-gradient-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gray-text-color{
    color: var(--gray-text-color);
}
.general-white-text-color{
  color: var(--white-text-color);
}
.p1{
    font-size: 24px;
    font-weight: 700;
    color: var(--white-text-color);
}
.p2{
    font-size: 16px;
    line-height: 100%;
    color: var(--white-text-color);
}
.p3{
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
}
.p4{
    font-size: 18px;
    line-height: 28px;
    color: var(--white-text-color);
}
.p5{
    font-size: 25px;
    line-height: 34px;
    color: var(--white-text-color);
}
.p6{
    font-size: 20px;
    line-height: 28px;
    color: var(--white-text-color);
}
h1{
    font-size: 90px;
    line-height: 100%;
    font-weight: 900;
}
h2{
    font-size: 48px;
    color: var(--white-text-color);
    line-height: 64px;
    text-transform: uppercase;
}
h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}
h4{
    font-size: 37px;
    line-height: 34px;
    color: var(--white-text-color);
}
.btn{
  background: var(--button-text-linear-gradient-red-color);
  width: inherit;
  padding: 13px 0px;
  border-radius:1600px ;
}
.book-a-live-demo{
  display: inline-block;
  width: 132px;
  height: 14px;
  text-align: center;
}
.explore-the-platform{
  display: inline-block;
  width: 208px;
  height: 46px;
  text-align: center;
}
.learn-more{
  display: inline-block;
  width: 136px;
  height: 46px;
  text-align: center;
}
.sign-up{
  display: inline-block;
  width: 107px;
  height: 46px;
  text-align: center;
}
.view-all-here{
  display: inline-block;
  width: 146px;
  height: 46px;
  text-align: center;
}
.view-events{
  display: inline-block;
  width: 141px;
  height: 60px;
  text-align: center;
}
.contact-us{
  display: inline-block;
  width: 139px;
  height: 46px;
  text-align: center;
}
.submit{
  display: inline-block;
  width: 128px;
  height: 62px;
  text-align: center;
  margin-top: 27px;
  float: right;
}


/* form page */

.form-section{
  width:741px ;
  height: 780px;
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
  padding: 40px;
  background-image: linear-gradient(to right, #142030, #121d2d, #101b2b, #0e1828, #0c1526);
}
.form-section .form-contact-us{
  font-family: "big-shoulders-black";
  font-weight: 900;
  font-size: 44px;
  line-height: 56px;
  text-transform: uppercase;
}
.feedback{
  display: none;
}
.background-properties-for-form{
  background-color: #142030;
  border: 2px solid #FFFFFF2B;
  border-radius: 10px;
}
.background-properties-for-form:hover{
  border: 2px solid #FFFFFF;
}
.row1{
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.name-boxs{
  width: 323px;
  height: 74px;
}
.name-boxs,.any-text-to-write::placeholder{
  font-family: "space-grotesk-medium";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #929ABA;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 20px;
}
.row2,.row3,.inquiry,.any-text-to-write{
  margin-top: 20px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
  justify-content: space-between;
}
.num1{
  width: 163px;
  height: 74px;
  padding: 0px 30px;
  background: url('./photos/arrow-down.png') no-repeat 120px center;
  
}
select.background-properties-for-form{
  appearance: none;       
  font-family: "space-grotesk-medium";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
}
select.background-properties-for-form option{
  color: #0E131E;
  font-family: "space-grotesk-medium";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.num2::placeholder{
  font-family: "space-grotesk-medium";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  transform: translateX(-20px);
}
.num2{
  width: 490px;
  height: 74px;
  font-family: "space-grotesk-medium";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  padding-left: 20px;
}
.inquiry{
  width: 100%;
  height: 74px;
  padding-left: 30px;
  /* margin-left: -30px; */
  background: url('./photos/arrow-down.png') no-repeat 600px center;
}
.any-text-to-write{
  width: 661px;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 15px;
}
.row5{
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 30px;
}
.checkbox-length{
  width: 20px;
  height: 20px;
}
.agree-policy{
  font-family: "space-grotesk-regular";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #F6F7FB;
}
.agree-policy .span-policy{
  text-decoration: underline;
}

@media (min-width:320px) and (max-width:400px) {
.form-section{
  width:auto ;
  height: 700px;
  padding: 30px 10px;
}
.form-section .form-contact-us{
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.feedback{
  display: none;
}
.row1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 36px;
}
.name-boxs{
  width: 100%;
  height: 50px;
}
.lastnames{
  margin-top: 20px;
}
.name-boxs,.any-text-to-write::placeholder{
  font-size: 12px;
}
.name-boxs,.any-text-to-write{
  font-size: 12px;
  padding: 15px 10px 10px 0px;
}
.row3{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.num1{
  width: 100%;
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 206px center;
}
.num1,.num2,.inquiry::placeholder{
  font-size: 12px;
}
.num2{
  width: 100%;
  height: 50px;
  margin-top: 20px;
}
.inquiry{
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 206px center;
}
.any-text-to-write{
  width: 100%;
  height: 100px;
  padding: 15px 20px;
}
.any-text-to-write::placeholder{
  padding: 0px 0px 0px 0px;
}
.agree-policy{
  font-size: 12px;
}

.submit{
  display: inline-block;
  width: 90px;
  height: 40px;
  margin-top: 27px;
  float: right;
  margin-right: 10px;
}
}
@media (min-width:401px) and (max-width:460px) {
.form-section{
  width:377px;
  height: 556px;
  padding: 30px 10px;
}
.form-section .form-contact-us{
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.feedback{
  display: none;
}
.row1{
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.name-boxs{
  width: 175px;
  height: 50px;
}
.mail-id {
  width: 100%;
}
.name-boxs,.any-text-to-write::placeholder{
  font-size: 12px;
}
.name-boxs,.any-text-to-write{
  font-size: 12px;
  padding: 15px 10px 10px 0px;
}
.row3{
  display: flex;
  justify-content: space-between;
}
.num1{
  width: 120px;
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 90px center;
}
.num1,.num2,.inquiry::placeholder{
  font-size: 12px;
}
.num2{
  width: 220px;
  height: 50px;
}
.inquiry{
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 320px center;
}
.any-text-to-write{
  width: 100%;
  height: 100px;
}
.any-text-to-write::placeholder{
  padding: 0px 0px 0px 20px;
}
.agree-policy{
  font-size: 12px;
}
.submit {
    margin-right: 13px;
}
}

@media (min-width:461px) and (max-width:540px) {
.form-section{
  width:436px;
  height: 573px;
  padding: 30px 10px;
}
.form-section .form-contact-us{
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.feedback{
  display: none;
}
.row1{
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.name-boxs{
  width: 200px;
  height: 50px;
}
.mail-id {
  width: 100%;
}
.name-boxs,.any-text-to-write::placeholder{
  font-size: 12px;
}
.name-boxs,.any-text-to-write{
  font-size: 12px;
  padding: 15px 10px 10px 0px;
}
.row3{
  display: flex;
  justify-content: space-between;
}
.num1{
  width: 120px;
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 90px center;
}
.num1,.num2,.inquiry::placeholder{
  font-size: 12px;
}
.num2{
  width: 280px;
  height: 50px;
}
.inquiry{
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 380px center;
}
.any-text-to-write{
  width: 100%;
  height: 100px;
}
.any-text-to-write::placeholder{
  padding: 0px 0px 0px 20px;
}
.agree-policy{
  font-size: 12px;
}
.submit {
    margin-right: 13px;
}
}
@media (min-width:541px) and (max-width:600px) {
.form-section{
  width:514px;
  height: 572px;
  padding: 30px 10px;
}
.form-section .form-contact-us{
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.feedback{
  display: none;
}
.row1{
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.name-boxs{
  width: 240px;
  height: 50px;
}
.mail-id {
  width: 100%;
}
.name-boxs,.any-text-to-write::placeholder{
  font-size: 12px;
}
.name-boxs,.any-text-to-write{
  font-size: 12px;
  padding: 15px 10px 10px 0px;
}
.row3{
  display: flex;
  justify-content: space-between;
}
.num1{
  width: 150px;
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 120px center;
}
.num1,.num2,.inquiry::placeholder{
  font-size: 12px;
}
.num2{
  width: 330px;
  height: 50px;
}
.inquiry{
  height: 50px;
  background: url('./photos/arrow-down.png') no-repeat 450px center;
}
.any-text-to-write{
  width: 100%;
  height: 100px;
}
.any-text-to-write::placeholder{
  padding: 0px 0px 0px 20px;
}
.agree-policy{
  font-size: 12px;
}
.submit {
    margin-right: 13px;
}
}
@media (min-width:601px) and (max-width:700px) {
.form-section{
  width:561px ;
  height: 748px;
  padding: 40px 20px;
}
.form-section .form-contact-us{
  font-size: 30px;
}
.row1{
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.name-boxs{
  width: 250px;
  height: 74px;
}
.mail-id{
  width: 100%;
}
.num1{
  width: 170px;
  background: url('./photos/arrow-down.png') no-repeat 130px center;
}
.num2{
  width: 340px;
  height: 74px;
}
.inquiry{
  width: 100%;
  background: url('./photos/arrow-down.png') no-repeat 450px center;
}
.any-text-to-write{
  width:100%;
  height: 165px;
}
}
@media (min-width:701px) and (max-width:800px) {
.form-section{
  width:600px ;
  height: 750px;
  padding: 40px 20px;
}
.form-section .form-contact-us{
  font-size: 30px;
}
.row1{
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.name-boxs{
  width: 270px;
  height: 74px;
}
.mail-id{
  width: 100%;
}
.num1{
  width: 200px;
  background: url('./photos/arrow-down.png') no-repeat 150px center;
}
.num2{
  width: 350px;
  height: 74px;
}
.inquiry{
  width: 100%;
  background: url('./photos/arrow-down.png') no-repeat 500px center;
}
.any-text-to-write{
  width:100%;
  height: 165px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.form-section{
  width:637px ;
  height: 758px;
  margin-top: 80px;
}
.name-boxs{
  width: 270px;
}
.mail-id{
  width: 100%;
}
.num1{
  width: 150px;
}
.num2{
  width: 380px;
}
.inquiry{
  width: 100%;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
}
@media (min-width:1001px) and (max-width:1070px) {
.form-section{
  width:406px ;
  height: 926px;
  padding: 30px;
}
.row1{
  display: flex;
  flex-direction: column;
}
.name-boxs{
  width: 100%;
  height: 74px;
}
.lastnames {
  margin-top: 20px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
  flex-direction: column;
}
.num1{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 300px center; 
}
.num2{
  width:100%;
  height: 74px;
  margin-top: 20px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 353px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
}
}
@media (min-width:1071px) and (max-width:1150px) {
 .form-section{
  width:485px ;
  height: 927px;
  padding: 30px;
}
.row1{
  display: flex;
  flex-direction: column;
}
.name-boxs{
  width: 100%;
  height: 74px;
}
.lastnames {
  margin-top: 20px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
  flex-direction: column;
}
.num1{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 380px center;
  
}
.num2{
  width:100%;
  height: 74px;
  margin-top: 20px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 380px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
} 
}

@media (min-width:1151px) and (max-width:1200px) {
 .form-section{
  width:569px ;
  height: 930px;
  padding: 30px;
}
.row1{
  display: flex;
  flex-direction: column;
}
.name-boxs{
  width: 100%;
  height: 74px;
}
.lastnames {
  margin-top: 20px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
  flex-direction: column;
}
.num1{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 460px center;
  
}
.num2{
  width:100%;
  height: 74px;
  margin-top: 20px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 460px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
} 
}

@media (min-width:1201px) and (max-width:1250px) {
 .form-section{
  width:520px ;
  height: 745px;
  padding: 30px;
}
.row1{
  display: flex;
}
.name-boxs{
  width: 220px;
  height: 74px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
}
.num1{
  width:180px;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 130px center;
  
}
.num2{
  width:270px;
  height: 74px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 400px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
} 
}

@media (min-width:1251px) and (max-width:1300px) {
 .form-section{
  width:583px ;
  height: 746px;
  padding: 30px;
}
.row1{
  display: flex;
}
.name-boxs{
  width: 250px;
  height: 74px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
}
.num1{
  width:180px;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 130px center;
  
}
.num2{
  width:330px;
  height: 74px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 470px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
} 
}
@media (min-width:1301px) and (max-width:1350px) {
 .form-section{
  width:600px ;
  height: 726px;
  padding: 30px;
}
.row1{
  display: flex;
}
.name-boxs{
  width: 260px;
  height: 74px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
}
.num1{
  width:170px;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 130px center;
  
}
.num2{
  width:350px;
  height: 74px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 470px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
} 
}
@media (min-width:1351px) and (max-width:1400px) {
 .form-section{
  width:652px ;
  height:726px;
  padding: 30px;
}
.row1{
  display: flex;
}
.name-boxs{
  width: 290px;
  height: 74px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
}
.num1{
  width:180px;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 130px center;
  
}
.num2{
  width:400px;
  height: 74px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 530px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
} 
}
@media (min-width:1401px) and (max-width:1450px) {
 .form-section{
  width:695px ;
  height: 726px;
  padding: 30px;
}
.row1{
  display: flex;
}
.name-boxs{
  width: 310px;
  height: 74px;
}
.name-boxs,.any-text-to-write{
  font-size: 16px;
  color: #FFFFFF;
  padding: 15px 10px 10px 0px;
}
.mail-id{
  width: 100%;
}
.row3{
  display: flex;
}
.num1{
  width:180px;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 140px center;
  
}
.num2{
  width:440px;
  height: 74px;
}
.inquiry{
  width: 100%;
  height: 74px;
  background: url('./photos/arrow-down.png') no-repeat 580px center;
}
.any-text-to-write{
  width: 100%;
  height: 165px;
}
.any-text-to-write::placeholder{
  padding: 25px 0px 0px 30px;
} 
}







/* start of global css */


/* navbar-section */

.main-nav-section{
  display: flex;
  justify-content: space-between;
}
.main-nav-section .nav-section1{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 35px;
}
.nav-section1 .logo-image{
  width:172px ;
  height: 56px;
}
/* .nav-section1 .removing-cursor{
  cursor: context-menu;
} */
.nav-section1 .nav-links ul{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-top: 10px;
}
.nav-section1 .nav-links ul li{
  width:124px ;
  height:38px ;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-section1 .nav-links ul li:hover{
  background-color: #1E273A;
  border-radius: 4px;
}
.nav-section1 .nav-links .nav-link-names,.nav-section2 .book-a-live-demo{
  font-family: "space-grotesk-bold";
}
.main-nav-section .nav-section2{
  display: flex;
  gap: 25px;
}
.nav-section2 .globle-image-with-en{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.nav-section2 .globle-image-with-en img{
  width: 20.02px;
  height: 20.02px;
}
/* select .drop-down-list-en{
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
} */
select.drop-down-list-en {
  border: none;       
  outline: none;       
  box-shadow: none;     
  background-color: transparent;         
  font-family: "space-grotesk-regular";
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #FFFFFF;
  /* padding-top: 3px; */
  cursor: pointer;
}
select.drop-down-list-en option{
  color: #0E131E;
   font-family: "space-grotesk-regular";
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}
/* .nav-section2 .globle-image-with-en p{
  font-family: "space-grotesk-regular";
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #FFFFFF;
  padding-top: 3px;
} */
.main-nav-section .nav-section1,.nav-section2 .globle-image-with-en{
  padding-top: 5px;
}
.main-nav-section .fa-solid{
  display: none;
}


/* .main-nav-section .toggling-menu {
  width: 50%;
  height: auto;
  padding: 30px 10px;
  background-color: #0E131E;
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
}
.main-nav-section .toggling-menu .toggle-image-container {
   border-bottom: 1.4px solid #FFFFFF33;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
    padding-bottom: 10px;
}
.toggling-menu .toggle-image-container img{
  width: 30px;
  height: 30px;
}
.main-nav-section .toggling-menu .nav-links-toggling{
  border: 2px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
} */


































@media (min-width:320px) and (max-width:600px) {
.main-nav-section{
  padding: 20px 15px;
  justify-content: space-between;
  align-items: center;
}
.nav-section1 .nav-links{
  display: none;
} 
.nav-section2 .globle-image-with-en{
  display: none;
}
.nav-section2 .book-a-live-demo{
  display: none;
}
.nav-section1 .logo-image{
  width:150px ;
}
.main-nav-section .fa-solid{
  display: block;
  color: #ffffff;
  padding-top: 15px;
}
}
@media (min-width:601px) and (max-width:800px) {
.main-nav-section{
  padding: 20px 20px;
}
.nav-section1 .logo-image{
  width:100px ;
  height: 29px;
  margin-top: 5px;
}
.nav-section1 .nav-links .nav-link-names,.nav-section2 .book-a-live-demo{
  font-size: 12px;
}
.nav-section2 .globle-image-with-en{
  /* display: none; */
  padding-top: 15px;
}
.nav-section1 .nav-links ul li{
  width:auto ;
  height:auto ;
}
.nav-section1 .nav-links ul{
  gap: 15px;
}
.nav-links .nav-link-names{
  font-size: 15px;
}
.main-nav-section .nav-section1 {
  padding-top: 10px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.main-nav-section{
  padding: 20px 40px;
}
.nav-section1 .logo-image{
  width:150px ;
}
.nav-section2 .globle-image-with-en{
  padding-top: 10px;
}
.main-nav-section .nav-section1 {
  padding-top: 5px;
}
.nav-section1 .nav-links .nav-link-names, .nav-section2 .book-a-live-demo{
  font-size: 14px;
}
.nav-section1 .nav-links ul li{
  width:auto ;
  height:auto ;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.main-nav-section{
  padding: 20px 50px;
}
.main-nav-section .nav-section1,.nav-section2 .globle-image-with-en{
  padding-top: 5px;
}
.nav-section1 .nav-links ul li{
  width:auto ;
  height:auto ;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.main-nav-section{
  padding: 20px 32px;
}
.main-nav-section .nav-section1,.nav-section2 .globle-image-with-en{
  padding-top: 5px;
}
.nav-section1 .nav-links ul li{
  width:auto ;
  height:auto ;
}
}

@media (min-width:1501px) and (max-width:1600px) {
.nav-section1 .nav-links ul{
  gap: 0px;
}
}

/* robot-image-background home-page*/

.robot-image{
  width: 100%;
  height: 776px;
  background-image: url(./photos/robot-image.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0px 3px 1px #6D6D9C4D;
}
.robot-image img:first-child{
  transform: translate(0px, 120px);
}
.robot-image img:nth-child(3){
  transform: translate(3px, -74px);
}
.robot-image img:nth-child(4){
  transform: translate(0px,265px);
}
.robot-image img:last-child{
  transform: translate(0px,207px);
}
.robot-image .hover-active-in-robo-image:hover{
  cursor: pointer;
}
.snyk-AI-powered{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.snyk-AI-powered .AI-powered-platform{
  text-align: center;
  font-family: "space-grotesk-bold";
  line-height: 36px;
  letter-spacing: 0.24px;
  font-size: 23px;
}
.snyk-AI-powered .twilio-images{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.twilio-images img:first-child,.twilio-images img:nth-child(2),.twilio-images img:nth-child(3),.twilio-images img:nth-child(4),.twilio-images img:nth-child(5),.twilio-images img:nth-child(6),.twilio-images img:nth-child(7),.twilio-images img:nth-child(8),.twilio-images img:nth-child(9),.twilio-images img:last-child{
  width: 106px;
  height: 32px;
}

@media (min-width:320px) and (max-width:600px) {
.snyk-AI-powered{
  gap: 40px;
  padding: 0px 15px;
}
.snyk-AI-powered .twilio-images{
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px; */
  display: flex;
  justify-content: unset;
  gap: 50px;
  width: auto;
  height: auto;
  overflow-x: scroll;
}
}
@media (min-width:601px) and (max-width:800px) {
.snyk-AI-powered{
  gap: 40px;
  padding: 0px 20px;
}
.snyk-AI-powered .twilio-images{
  display: flex;
  justify-content: unset;
  width: auto;
  overflow-x: scroll;
  /* flex-wrap: wrap;
  justify-content:center;
  align-items: center; */
  gap: 30px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.snyk-AI-powered{
  gap: 40px;
  padding: 0px 40px;
}
.snyk-AI-powered .twilio-images{
  display: flex;
  justify-content:unset;   
  width: auto;
  overflow-x: scroll;
  gap: 30px;
}
.snyk-AI-powered .AI-powered-platform{
  font-size: 16px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.snyk-AI-powered{
  gap: 40px;
  padding: 0px 50px;
}
.snyk-AI-powered .twilio-images{
  display: flex;
  justify-content:unset;
  width: auto;
  overflow-x: scroll;
  gap: 40px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.snyk-AI-powered{
  padding: 0px 32px;
}
}


/* girl-image-and-content-homepage */
 
.person-girl-image-content{
  height: 604px;
  background-color:#0E131E;
  border-radius: 12px;
  box-shadow: 0 1px 3px 1px #6D6D9C4D;
  display: flex;
  justify-content: space-between;
  padding: 0px 100px 0px 40px;
  align-items: center;
  gap: 50px;

}
/* .person-girl-image-content .girl-image{
  width: 600px;
} */
.girl-image img{
  width:600px ;
  height:534px ;
}
.content1-division .protecting{
  width:510px ;
  height:128px ;
  font-family: "big-shoulders-black";
  letter-spacing: 0.48px;
  font-size: 43px;
}
.content1-division .lorem-ipsum-girl-content-big{
  width:500px ;
  height: 230px;
  font-family: "space-grotesk-medium";
  margin-top: 24px;
  line-height: 24px;
  letter-spacing: 0.16px;
  line-height: 24px;
}
.content1-division .learn-more-girl-person{
  margin-top: 60px;
}
.learn-more-girl-person .girl-person-btn{
  font-size: 17px;
  line-height: 14px;
  letter-spacing: 0.08px;
}

@media (min-width:320px) and (max-width:600px) {
.person-girl-image-content{
  padding: 0px 15px;
  height: auto;
  box-shadow: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 55px;

}
.person-girl-image-content .girl-image{
  /* margin: 0px 15px; */
  /* transform: translateY(580px); */
  order: 2;
}
.girl-image img{
  width:auto ;
  height:auto ;
}
.person-girl-image-content .content1-division{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* transform: translateY(-370px); */
  order: 1;
}
.content1-division .protecting{
  width:auto;
  height:auto ;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
.content1-division .lorem-ipsum-girl-content-big{
  width:auto ;
  height: auto;
  margin-top: 10px;
  font-size: 13px;
  text-align: center;
}
}
/* @media (min-width:360px) and (max-width:397px) {
.person-girl-image-content .content1-division{
  transform: translateY(-410px);
}
}
@media (min-width:397px) and (max-width:420px) {
.person-girl-image-content .content1-division{
  transform: translateY(-440px);
}
.person-girl-image-content .girl-image{
  transform: translateY(500px);
}
}
@media (min-width:421px) and (max-width:500px) {
.person-girl-image-content .content1-division{
  transform: translateY(-470px);
}
.person-girl-image-content .girl-image{
  transform: translateY(490px);
}
}
@media (min-width:501px) and (max-width:550px) {
.person-girl-image-content .content1-division{
  transform: translateY(-530px);
}
.person-girl-image-content .girl-image{
  transform: translateY(424px);
}
}
@media (min-width:551px) and (max-width:600px) {
.person-girl-image-content .content1-division{
  transform: translateY(-580px);
}
.person-girl-image-content .girl-image{
  transform: translateY(380px);
}
} */

@media (min-width:601px) and (max-width:800px) {
.person-girl-image-content{
  padding: 0px 20px;
  box-shadow: unset;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;

}
.girl-image img{
  width:auto ;
  height:auto ;
}

.person-girl-image-content .girl-image{
  /* transform: translateY(420px); */
  order: 2;
}
.person-girl-image-content .content1-division{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  order: 1;
}
.content1-division .protecting{
  width:auto ;
  height:auto ;
  font-size: 20px;
  text-align: center;
}
.content1-division .lorem-ipsum-girl-content-big{
  width:auto ;
  height: auto;
  font-size: 14px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.person-girl-image-content{
  padding: 0px 40px 50px 40px;
  height: auto;
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 0px 20px;
 

}
.girl-image img{
  min-width: 350px;
  min-height: 400px;
  width:auto ;
  height:auto ;
}
.content1-division{
  transform: translateY(35px);
}
.content1-division .protecting{
  width:auto ;
  height:auto ;
  font-size: 30px;
  line-height: 40px;
}
.content1-division .lorem-ipsum-girl-content-big{
  width:auto ;
  height: auto;
  font-size: 14px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
  .person-girl-image-content{
  padding: 30px 50px;
  gap: 40px;
  height: auto;
  margin: 0px 40px;
}
.girl-image img{
  min-width: 400px;
  min-height: 450px;
  width:auto ;
  height:auto ;
}
/* .content1-division{
  transform: translateY(35px);
} */
.content1-division .protecting{
  width:auto ;
  height:auto ;
}
.content1-division .lorem-ipsum-girl-content-big{
  width:auto ;
  height: auto;
}
}
@media (min-width:1301px) and (max-width:1500px) {
  .person-girl-image-content{
  padding: 0px 32px;
  margin: 0px 32px;
}
}


/* protceting-asserts-brand-homepage */

.section8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-in-wheel .protecting-assets{
  width:486.67px ;
  height:128px ;
  font-family: "big-shoulders-black";
  line-height: 64px;
  letter-spacing: -0.48px;
}
.content-in-wheel .organizations{
  width:465px ;
  height: 64px;
  font-family: "space-grotesk-medium";
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-top: 24px;
}
.section8 .content-with-arrows{
  width: 486px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 25px;
   padding: 50px 20px 0px 0px;
}
.content-with-arrows .content-with-arrows-all-rows{
  height: 53px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-with-arrows-all-rows .content-with-arrows-single-line-content{
  display: flex;
  align-items: center;
  gap: 15px;
}
.mitigate-software .hrs24-support{
  padding-left: 12px;
}
.content-with-arrows-single-line-content .wheel-content-after-arrows{
   font-family: "roboto-semi-bold";
   line-height: 24px;
   letter-spacing: 0.08px;
}
/* .content-with-arrows .content-with-arrows-all-rows:hover{
  width: 483px;
  background-color: #141B2A;
  padding-left: 15px;
  cursor: pointer;
  transition: padding-left 0.1s ease-in;
} */
/* .content-with-arrows .content-with-arrows-all-rows:hover .red-arrow-images{
  padding-left: 5px;
  transition: padding-left 0.1s ease-in;
} */
.section8 .wheel-image{
  width: 486px;
  height:562px ;
}
.content-with-arrows-all-rows .red-arrow-images img{
  padding-right: 15px;
}

@media (min-width:320px) and (max-width:600px) {
.section8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content-in-wheel .protecting-assets{
  width:auto ;
  height:auto ;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
}
.content-in-wheel .organizations{
  width:auto;
  height: auto;
  font-size:14px ;
  text-align: center;
  margin-top: 0px;
}
.section8 .content-with-arrows{
  width: auto;
  display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 16px;
   padding: 35px 15px;
}
.content-with-arrows .content-with-arrows-all-rows {
    height: auto;
}
.content-with-arrows-single-line-content .wheel-content-after-arrows{
   font-size: 12px;
}
.content-with-arrows-all-rows  .mitigate-software{
padding-left: 0px;
}
.content-with-arrows .mitigate-software-complete-row{
  width: auto;
}
.section8 .wheel-image{
  width: 300px;
  height:350px;
  padding-bottom: 50px;
}
}

@media (min-width:601px) and (max-width:800px) {
.section8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content-in-wheel .protecting-assets{
  width:auto ;
  height:auto ;
  font-size: 30px;
}
.content-in-wheel .organizations{
  margin-top: 0px;
}
.section8 .content-with-arrows{
   padding-top: 30px;
}

.content-with-arrows-single-line-content .wheel-content-after-arrows{
   font-size: 14px;
}
.section8 .wheel-image{
  width: 534px;
  height:474px ;
  margin-top: 30px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.section8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-in-wheel .protecting-assets{
  width:350px ;
  height:auto ;
  line-height: 35px;
  font-size: 30px;
}
.content-in-wheel .organizations{
  width:380px ;
  height:auto;
  font-size: 16px;
}
.section8 .content-with-arrows{
  width: 350px;
   padding-top: 32px;
}
.content-with-arrows-single-line-content .wheel-content-after-arrows{
   font-size: 14px;
}
.content-with-arrows .mitigate-software-complete-row{
  width: 358px;
}
.section8 .wheel-image{
  width: 733px;
  height:534px ;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.content-in-wheel .protecting-assets{
  width:486.67px ;
  height:128px ;
  font-size: 38px;
  line-height: 50px;
}
.content-in-wheel .organizations{
  margin-top: 0px;
}
.section8 .content-with-arrows{
   padding-top: 30px;
}
.content-with-arrows .content-with-arrows-all-rows{
  height: 53px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-with-arrows-all-rows .content-with-arrows-single-line-content{
  display: flex;
  align-items: center;
  gap: 8px;
}
.content-with-arrows-single-line-content .wheel-content-after-arrows{
   font-family: "roboto-semi-bold";
   line-height: 24px;
   letter-spacing: 0.08px;
}

.content-with-arrows .mitigate-software-complete-row{
  width: 495px;
}
.content-with-arrows .mitigate-software-complete-row:hover{
  background-color: #141B2A;
}
.section8 .wheel-image{
  width: 733px;
  height:693px ;
}
}
/* @media (min-width:1300px) and (max-width:1500px) {

} */

/* why-customers-trust-us homepage */

.why-customers-trust-us{
  background-color: #141B2A;
  height: 726px;
  box-shadow: 0 1px  3px 1px #6D6D9C4D;
  padding-left: 20px;
}
.why-customers-trust-us .container1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container1 .why-content{
  text-align: center;
  padding-top: 43px;
  font-family: "big-shoulders-black";
  line-height: 64px;
  letter-spacing: 0.48px;
  font-size: 46px;
}
.container1 .okta-sesimic{
  width: 581.3300170898438px;
  height: 60px;
  border: 1px solid #FFFFFF;
  border-radius: 1600px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* gap:50px; */
  font-family: "space-grotesk-bold";
  margin-top: 83px;
  margin-right: 33px;
  padding: 0px 10px;
}
.okta-sesimic .okta,.okta-sesimic .sesimic,.okta-sesimic .Komatsu,.okta-sesimic .revolut,.okta-sesimic .skechers{
  width: 71px;
  text-align: center;
}
.okta-sesimic .default{
  width: 71px;
  height: 42px;
  border-radius: 1600px;
  background-color: #FFFFFF;
  color: #030328;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.okta-sesimic .okta:hover{
  width: 71px;
  height: 42px;
  border-radius: 1600px;
  background-color: #FFFFFF;
  color: #030328;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.why-customers-trust-us .container2{
  display: flex;
  align-items: center;
  gap: 150px;
  justify-content: center;
}
.container2 .container2-images{
  /* position: relative; */
  padding-top: 53px;
}
.container2-images .okta-person{
  width:568px ;
  height:367px ;
  /* transform: translate(-120px,0px); */
}
/* .container2-images .pause-bg{
  width:60px ;
  height:60px ;
  background-color:#030328 ;
  border-radius: 8px;
  position: absolute;
  top: 0;
  transform: translate(250px , 240px);
}
.container2-images .white-pause{
  position: absolute;
  top: 0;
  transform: translate(272px , 255px);
} */
.container2 .the-biggest-content{
  width: 543px;
  height: 144px;
  line-height: 36px;
  font-family: "space-grotesk-bold";
}
.container2 .Chitra,.container2 .Chitra-vp{
  font-family: "space-grotesk-bold";
}
.container2 .Chitra{
  padding-top: 32px;
}
@media (min-width:320px) and (max-width:600px) {
.why-customers-trust-us{
  height: auto;
  padding: 0px 15px;
}
.container1 .why-content{
  padding-top: 20px;
  line-height: 30px;
  font-size: 20px;
}
.container1 .okta-sesimic{
  width: 230px;
  gap:10px;
  margin-top: 30px;
  margin-right: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: scroll;
  gap: 50px;
}
.okta-sesimic .okta,.okta-sesimic .sesimic,.okta-sesimic .Komatsu,.okta-sesimic .revolut,.okta-sesimic .skechers{
  min-width: 71px;
}
.why-customers-trust-us .container2{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
.container2-images .okta-person{
  width:auto ;
  height:auto ;
  transform: translate(0px,0px);
}
.container2 .the-biggest-content{
  width: auto;
  height: auto;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
}
.container2 .Chitra{
  text-align: center;
  font-size: 12px;
  padding-top: 20px;
}
.container2 .Chitra-vp{
  text-align: center;
  font-size: 12px;
}
}
@media (min-width:601px) and (max-width:800px) {
.why-customers-trust-us{
  height: auto;
padding: 0px 20px;
}

.why-customers-trust-us  .container2{
  flex-direction: column;
  gap: 40px;
}
.container2 .the-biggest-content{
  height: 85px;
  text-align: center;
  font-size: 14px;
}
.container1 .okta-sesimic{
  margin-right: 0px;
  margin-top: 20px;
  width: 540px;
}
.container2-images .okta-person{
  width:auto ;
  height:auto ;
  transform: translate(0px,0px);
}
.Chitra,.Chitra-vp{
  text-align: center;
  font-size: 12px;
}
.container1 .why-content{
  font-size: 30px;
}
.container2 .Chitra{
  font-size: 12px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.why-customers-trust-us{
padding: 0px 40px;
height: auto;
}
.why-customers-trust-us .container2{
  gap: 40px;
}
.container2-images .okta-person{
  width:500px ;
  height:300px ;
}
.container2 .the-biggest-content{
  width: 350px;
  height: auto;
  font-size: 14px;
  line-height: 30px;
}
.container1 .why-content {
  font-size: 30px;
}
.container1 .okta-sesimic{
  margin-top: 30px;
}
.container2 .Chitra{
  font-size: 12px;
  padding-top: 20px;
}
.container2 .Chitra-vp{
  font-size: 12px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.why-customers-trust-us{
  height: auto;
padding: 0px 50px;
}
.why-customers-trust-us .container2 {
    gap: 40px;
}
}

/* section10-homepage */
 
.section10{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section10 .not-convinced{
  text-transform: uppercase;
  width: 780px;
  height: 214px;
  font-family: "big-shoulders-black";
  line-height: 64px;
  letter-spacing: -0.48px;
  padding-top: 20px;
}
.section10 .section10-sign-up{
  margin-top: 34px;
}

@media (min-width:320px) and (max-width:600px) {
.section10{
 padding: 0px 15px;
}
.section10 .not-convinced{
  width: auto;
  height: auto;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
.section10 .not-convinced{
  margin-top: 20px;
}
}
@media (min-width:601px) and (max-width:800px) {
.section10{
 padding: 0px 20px;
}
.section10 .not-convinced{
  width: auto;
  height: auto;
  text-align: center;
  font-size: 30px;
  line-height: 45px;
}
.section10 .section10-sign-up{
  margin-top: 24px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.section10{
 padding: 0px 40px;
}
.section10 .not-convinced{
  width: auto;
  height: auto;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.section10{
 padding: 0px 50px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.section10{
  display: flex;
  flex-direction: column;
  justify-content: unset;
  align-items: center;
}
.section10 .not-convinced{
  font-size: 45px;
}
.section10 .section10-sign-up{
  margin-top: 16px;
  transform: translateX(-4px);
  margin-bottom: 50PX;
}  
}

/* dollar-integration-images-homepage */

.dollar-integration{
  display: flex;
  flex-direction: column;
}
.dollar-integration .dollar-integration-rows{
  display: flex;
  justify-content: space-between;
}
.dollar-integration-rows .dollar-1{
  display: flex;
  gap: 40px;
}
.dollar-1 .million-one-in-dollar1,.dollar-1 .million-two-in-dollar2{
  width:255px ;
  height: 600px;
}
.million-one-in-dollar1 .dollar-millions,.million-two-in-dollar2 .dollar-millions{
  font-family: "big-shoulders-black";
  line-height: 100%;
  letter-spacing: -0.9px;
  text-transform: uppercase;
}
.million-one-in-dollar1 .paragraph1{
  width: 210px;
  height: 48px;
}
.million-one-in-dollar1 .paragraph3{
  width: 100%;
}
.million-one-in-dollar1 .dollar-millions-paragraph,.million-two-in-dollar2 .dollar-millions-paragraph{
  font-family: "roboto-regular";
  line-height: 24px;
}
.dollar-integration-rows .recordings{
  display: flex;
  flex-direction: column;
}
.recordings img{
  width: 816px;
  height: 514px;
  border-radius: 16px;
  padding-top: 10px;
}

@media (min-width:320px) and (max-width:600px) {
.dollar-integration{
  display: flex;
  flex-direction: column;
  padding: 0px 15px;
}
.dollar-integration .dollar-integration-rows{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 30px;
}
.dollar-integration-rows .dollar-1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.million-one-in-dollar1 .dollar-millions,.million-two-in-dollar2 .dollar-millions{
  font-size: 40px;
}
.million-one-in-dollar1 .dollar-millions-paragraph,.million-two-in-dollar2 .dollar-millions-paragraph{
  font-size: 18px;
  line-height: 24px;
}
.million-one-in-dollar1 .paragraph1{
  width: auto;
  height: auto;
}
.dollar-1 .million-one-in-dollar1{
  width:255px ;
  height: 185px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dollar-1 .million-two-in-dollar2{
  width:255px ;
  height: 150px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recordings img{
  width: auto;
  height: auto;
}  
}

@media (min-width:601px) and (max-width:800px) {
.dollar-integration{
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}
.dollar-integration .dollar-integration-rows{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 50px;
}  
.dollar-1 .million-one-in-dollar1,.dollar-1 .million-two-in-dollar2{
  width:255px ;
  height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recordings img{
  width: auto;
  height: auto;
} 
.million-one-in-dollar1 .dollar-millions, .million-two-in-dollar2 .dollar-millions {
  font-size: 60px;
}
.million-one-in-dollar1 .dollar-millions-paragraph, .million-two-in-dollar2 .dollar-millions-paragraph{
  font-size: 14px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.dollar-integration{
  display: flex;
  flex-direction: column;
  padding: 0px 40px;
}
.dollar-integration .dollar-integration-rows{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 50px;
}  
.dollar-1 .million-one-in-dollar1,.dollar-1 .million-two-in-dollar2{
  width:255px ;
  height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recordings img{
  width: auto;
  height: auto;
} 
.million-one-in-dollar1 .dollar-millions, .million-two-in-dollar2 .dollar-millions{
  font-size: 60px;
}
.million-one-in-dollar1 .dollar-millions-paragraph, .million-two-in-dollar2 .dollar-millions-paragraph{
  font-size: 14px;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.dollar-integration{
  display: flex;
  flex-direction: column;
  padding: 0px 50px;
}
.dollar-integration .dollar-integration-rows{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 50px;
}  
.dollar-1 .million-one-in-dollar1,.dollar-1 .million-two-in-dollar2{
  width:255px ;
  height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recordings img{
  width: auto;
  height: auto;
} 
}
@media (min-width:1301px) and (max-width:1500px) {
.dollar-integration{
  padding: 0px 32px;
}
}


/* section11-homepage section */

.container3{
  height: 396px;
  border-radius: 12px;
  background-color: #141B2A80;
  box-shadow: 0 1px 3px 1px #6D6D9C4D;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.limitless-with-synk-container3-learn-more-button .limitless {
  width: 640px;
  height: 128px;
  font-family: "big-shoulders-black";
}
.limitless img{
  /* width: 525px;
  height: 128px; */
  display: inline;
  vertical-align: middle;
}
.limitless-with-synk-container3-learn-more-button .with-synk{
  font-family: 'big-shoulders-black';
 }
.limitless-with-synk-container3-learn-more-button .Best-in-class{
  font-family: "space-grotesk-medium";
  padding-top: 24px;
}
.limitless-with-synk-container3-learn-more-button .container3-learn-more-button{
  margin-top: 24px;
}
.container3 .container3-cis-hippa-images{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.container3-cis-hippa-images .align-appsec{
  color: var(--white-text-color);
  font-family: "space-grotesk-bold";
}
.container3-cis-hippa-images .cis-hippa-images img{
  width:176px ;
  height:177px ;
}
.container3-cis-hippa-images .cis-hippa-images{
  display: flex;
  gap: 15px;
  margin-top: 13px;
}


@media (min-width:320px) and (max-width:600px) {
.container3{
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 15px;
}
.limitless-with-synk-container3-learn-more-button{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.limitless-with-synk-container3-learn-more-button .limitless {
  width: auto;
  height: auto;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
.limitless img{
  width:100px ;
  height:30px ;
}
.limitless-with-synk-container3-learn-more-button .with-synk{
  text-align: center;
  font-size: 20px;
  line-height: 30px;
 }
.limitless-with-synk-container3-learn-more-button .Best-in-class{
 text-align: center;
 padding: 0px 15px;
 font-size: 12px;
 padding-top: 10px;
 line-height: 18px;
}
.limitless-with-synk-container3-learn-more-button .container3-learn-more-button{
  margin-top: 24px;
}
.container3 .container3-cis-hippa-images{
  margin-top: 30px;
  padding: 0px 15px;
}
.container3-cis-hippa-images .align-appsec{
  text-align: center;
  font-size: 12px;
}
.container3-cis-hippa-images .cis-hippa-images{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: 13px;
}
.container3-cis-hippa-images .cis-hippa-images img{
  width:70px ;
  height: 70px;
}
}

@media (min-width:601px) and (max-width:800px) {
.container3{
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
}
.limitless-with-synk-container3-learn-more-button{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.limitless-with-synk-container3-learn-more-button .limitless {
  width: auto;
  height: auto;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
}
.limitless-with-synk-container3-learn-more-button  .with-synk{
  text-align: center;
  font-size: 30px;
  line-height: 40px;
 }
 .limitless img{
  display: none;
 }
.limitless-with-synk-container3-learn-more-button .Best-in-class{
 text-align: center;
 font-size: 14px;
 padding-top: 10px;
}
.limitless-with-synk-container3-learn-more-button .container3-learn-more-button{
  margin-top: 24px;
}
.container3 .container3-cis-hippa-images{
  margin-top: 40px;
}
.container3-cis-hippa-images .align-appsec{
  text-align: center;
}
.container3-cis-hippa-images .cis-hippa-images{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: 13px;
}
.cis-hippa-images img{
  width: 100.22px;
  height: 100.22px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.container3{
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 40px;
  gap: 20px;
}

.limitless-with-synk-container3-learn-more-button .limitless {
  width: 280px;
  height: auto;
  font-size: 35px;
  line-height: 40px;
}
.limitless img{
  display: inline;
  vertical-align: middle;
  width: 120px;
  height: 50px;
}
.limitless-with-synk-container3-learn-more-button .with-synk{
  font-size: 35px;
  line-height: 40px;
 }
.limitless-with-synk-container3-learn-more-button .Best-in-class{
  font-family: "space-grotesk-medium";
  padding-top: 24px;
}
.limitless-with-synk-container3-learn-more-button .container3-learn-more-button{
  margin-top: 24px;
}
.container3 .container3-cis-hippa-images{
  margin-top: 40px;
}
.container3-cis-hippa-images .align-appsec{
  text-align: center;
}
.container3-cis-hippa-images .cis-hippa-images{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: 13px;
}
.cis-hippa-images img{
  width: 100.22px;
  height: 100.22px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.container3{
  padding: 0px 50px;
  height: auto;
  gap: 30px;
}
.limitless-with-synk-container3-learn-more-button .limitless {
  width: 500px;
  height: auto;
}
.cis-hippa-images img{
  width: 90px;
  height: 90px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.container3{
  padding: 39px 30px;
  height: auto;
  gap: 25px;
}
.limitless-with-synk-container3-learn-more-button .limitless {
  width: 593px;
  height: auto;
  line-height: 64px;
  letter-spacing: -0.48px;
  font-size: 44.5px;
}
.limitless img{
  width: 274px;
}
.limitless-with-synk-container3-learn-more-button .with-synk{
  font-size: 45px;
  line-height: 56px;
  letter-spacing: -0.48px;
}
.limitless-with-synk-container3-learn-more-button .Best-in-class{
  padding-top: 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.cis-hippa-images img{
  width: 107px;
  height: 107px;
} 
.container3-learn-more-button .container3-btn{
  font-size: 16px;
  line-height: 14px;
  letter-spacing: 0.08px;
}
.container3-cis-hippa-images .align-appsec{
  line-height: 24px;
  letter-spacing: 1.68px;
  font-size: 14px;
}
}




.container4 .design-explore{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  gap: 22px;
}
.design-explore .explore-resources{
  font-family: 'big-shoulders-black';
  line-height: 64px;
  letter-spacing: 0.48px;
  font-size: 44px;
  text-align: center;
}
.container4 .three-images{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 36px;
}
.three-images .two-images{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.two-images .image1{
  width: 612px;
  height: 240px;
  background-image: url('./photos/explore1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 1px 3px 1px #6D6D9C4D;
  border-radius: 12px;
}
.image1 .women-man-gradient{
  width: 612px;
  height: 170px;
  transform: translateY(80px);
}
.two-images .image2{
  width: 612px;
  height: 240px;
  background-image: url('./photos/spects-man-image.png');
  box-shadow: 0px 1px 3px 1px #6D6D9C4D;
  border-radius: 12px;
}
.image2 .women-man-gradient{
  width: 612px;
  height: 170px;
  transform: translateY(80px);
}
.three-images .image3{
   width: 712px;
  height: 496px;
  /* background-image: url('./photos/explore3.png') ;
  background-size: cover; */
  box-shadow: 0px 1px 3px 1px #6D6D9C4D;
  border-radius: 12px;
}
.image3 .women-man-gradient{
  transform: translateY(0px);
}
.image1,.image2,.image3{
  position: relative;
}
.ebook-white-paper{
  color: var(--white-text-color);
  position: absolute;
  bottom: 72px;
  z-index: 5;
  left: 24px;
  font-family: "space-grotesk-bold";
  font-size: 15px;
}
.ebook-white-paper1{
  color: var(--white-text-color);
  position: absolute;
  bottom: 72px;
  z-index: 5;
  left: 24px;
  font-family: "space-grotesk-bold";
  font-size: 23.5px;
}
.image1 .ciso-from-security{
  bottom: 22px;
}
.image2 .ciso-from-security1{
  bottom: 22px;
}
.image3 .ciso-from-security2{
  bottom: 28px;
}
.image2 .bottom-changing1{
  bottom: 102px;
}
.image3 .bottom-changing2{
  bottom: 107px;
}
.design-explore-view-all-here-button{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  font-family: "space-grotesk-bold";
}

@media (min-width:320px) and (max-width:600px) {
.container4{
  padding: 0px 10px 40px 10px;
}
.container4 .design-explore{
  padding-top: 15px;
  /* gap: 22px; */
  text-align: center;
}
.design-explore .explore-resources{
  font-size: 20px;
  line-height:20px;
}
.container4 .three-images{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.three-images .two-images{
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.two-images .image1{
  width: auto;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.image1 .women-man-gradient{
  width: auto;
  height: auto;
  transform: translateY(0px);
}
.two-images .image2{
  width:auto;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.image2 .women-man-gradient{
  width: auto;
  height: auto;
  transform: translateY(0px);
}
.three-images .image3{
   width:auto;
  height: auto;
}
/* .three-images .image3{
   width: 712px;
   height: 496px;
} */
/* .image3 .women-man-gradient{
  transform: translateY(0px);
} */
.ebook-white-paper{
  bottom: 80px;
  font-size: 12px;
}
.ebook1,.ebook2{
  bottom: 55px;
  font-size: 12px;
}
.ciso-from-security{
  bottom: 10px;
  font-size: 14px;
}
.bottom-changing2{
  bottom: 90px;
}
.image3 .bottom-changing2{
  bottom: 70px;
}
.image2 .bottom-changing1 {
    bottom: 60px;
}
.ciso-from-security1{
  bottom: 10px;
  font-size: 14px;
}
.ciso-from-security2{
  font-size: 14px;
}
.ebook3{
  bottom: 70px;
}
}


@media (min-width:601px) and (max-width:800px) {
.container4{
  padding: 0px 20px 40px 20px;
}
.container4 .design-explore{
  padding-top: 30px;
  /* gap: 22px; */
  text-align: center;
}
.container4 .three-images{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.three-images.two-images{
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.two-images .image1{
  width: auto;
  height: auto;
  background-size: contain;
}
.image1 .women-man-gradient{
  width: auto;
  height: auto;
  transform: translateY(0px);
}
.two-images .image2{
  width:auto;
  height: auto;
  background-size: contain;
}
.image2 .women-man-gradient{
  width: auto;
  height: auto;
  transform: translateY(0px);
}
.three-images .image3{
   width: auto;
  height: auto;
  background-size: contain;
}

.image3 .women-man-gradient{
  transform: translateY(0px);
}
.ebook-white-paper{
  bottom: 42px;
  font-size: 12px;
}
.ciso-from-security{
  bottom: 10px;
  font-size: 14px;
}
.ciso-from-security1{
  bottom: 10px;
  font-size: 14px;
}
.image3 .ciso-from-security2{
  font-size: 14px;
}
.design-explore .explore-resources{
  font-size: 30px;
}
.image3 .bottom-changing2{
  font-size: 12px;
  bottom: 43px;
}
.image2 .bottom-changing1{
  bottom: 43px;
}
}
@media (min-width:801px) and (max-width:1000px) {
  .container4{
  padding: 0px 40px 40px 40px;
}
.container4 .design-explore{
  padding-top: 40px;
}
.two-images .image1{
  width: 350px;
  height: 240px;
  background-size: contain;
}
.image1 .women-man-gradient{
  width: 350px;
  height: 170px;
  transform: translateY(80px);
}
.two-images .image2{
  width: 350px;
  height: 240px;
  background-size: contain;
}
.image2 .women-man-gradient{
  width: 350px;
  height: 170px;
  transform: translateY(80px);
}
.three-images .image3{
   width: 350px;
  height: 496px;
  background-size: contain;
  background-repeat: no-repeat;
}
.image3 .women-man-gradient{
  transform: translateY(80px);
}
.ebook-white-paper{
  bottom: 65px;
  font-size: 13px;
}
.image2 .bottom-changing1 {
  bottom: 65px;
}
.image3 .bottom-changing2{
  bottom: 70px;
}
.ciso-from-security{
  bottom: 10px;
  font-size: 16px;
}
.ciso-from-security1{
  bottom: 5px;
  font-size: 16px;
}
.image3 .ciso-from-security2 {
  font-size: 16px;
}
.ebook2,.ebook3{
  bottom: 100px;
}
.ebook3{
  bottom: 120px;
}
.design-explore .explore-resources{
  font-size: 30px;
}
}
@media (min-width:840px) and (max-width:890px) {
.two-images .image1{
  width: 377px;
}
.image1 .women-man-gradient{
  width: 377px;
}
.two-images .image2{
  width: 377px;
}
.image2 .women-man-gradient{
  width: 377px;
}
.three-images .image3{
   width: 367px;
}  
}
@media (min-width:891px) and (max-width:940px) {
  .two-images .image1{
  width: 406px;
}
.image1 .women-man-gradient{
  width: 406px;
}
.two-images .image2{
  width: 406px;
}
.image2 .women-man-gradient{
  width: 406px;
}
.three-images .image3{
   width: 387px;
}    
}
@media (min-width:941px) and (max-width:970px) {
  .two-images .image1{
  width: 424px;
}
.image1 .women-man-gradient{
  width: 424px;
}
.two-images .image2{
  width: 424px;
}
.image2 .women-man-gradient{
  width: 424px;
}
.three-images .image3{
   width: 431px;
}  
}
@media (min-width:971px) and (max-width:1000px) {
  .two-images .image1{
  width: 440px;
}
.image1 .women-man-gradient{
  width: 440px;
}
.two-images .image2{
  width: 440px;
}
.image2 .women-man-gradient{
  width: 440px;
}
.three-images .image3{
   width: 440px;
}  
}


@media (min-width:1001px) and (max-width:1300px) {
.container4{
  padding: 0px 50px 40px 50px;
}
.container4 .design-explore{
  padding-top: 40px;
}
.two-images .image1{
  width: auto;
  height: 265px;
  background-size: contain;
}
.image1 .women-man-gradient{
  width: auto;
  height: 265px;
  transform: translateY(0px);
}
.two-images .image2{
  width: auto;
  height: 265px;
  background-size: contain;
}
.image2 .women-man-gradient{
  width: auto;
  height: 265px;
  transform: translateY(0px);
}
.image2 .bottom-changing1{
  bottom: 73px;
}
.three-images .image3{
  /* width: auto; */
  height: 551px;
  background-repeat: no-repeat;
  background-size: contain;
}
.image3 .women-man-gradient{
  height: 551px;
  transform: translateY(0px);
}
.ebook1{
  bottom: 55px;
}
.ciso-from-security{
  bottom: 0;
}
.ebook2{
  bottom: 140px;
}
.image1 .ciso-from-security{
  bottom: 0;
  font-size: 18px;
}
.image2 .ciso-from-security1{
  bottom: 22px;
  font-size: 18px;
}
.image3 .ciso-from-security2{
  bottom: 28px;
  font-size: 18px;
}
.image3 .bottom-changing2 {
  bottom: 77px;
}
}
@media (min-width:1106px) and (max-width:1300px) {
  .image2 .bottom-changing1{
    bottom: 80px;
  }
}
@media (min-width:1301px) and (max-width:1500px) {
.container4{
  padding: 0px 32px 40px 32px;
}
.container4 .design-explore{
  padding-top: 40px;
}
.three-images .image3{
  width: 712px;
  height: 496px;
  background-size: contain;
  background-repeat: no-repeat;
}
.image3 .women-man-gradient{
  transform: translateY(0px);
}
}

/* location-image-book a meeting */

.map-image-container{
  height: 804.13px;
}
.snyk-events-view-events-button .snyk-events{
  font-family: 'big-shoulders-black';
  letter-spacing: -0.92px;
}
.snyk-events-view-events-button .map-image-container-view-event-btn{
  margin-top: 5px;
}
.snyk-events-view-events-button{
  display: flex;
  justify-content: space-between;
}
.map-image-container .location-content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.location-content .location-map{
  width: 919px;
  height: 500px;
}
.location-content .logo-content{
  width: 594px;
  height: 487px;
  background-color: #141B2A;
  border: 1px solid #FFFFFF66;
  border-radius: 13px;
  transform: translate(-5px,27px);
}
.logo-content .blue-bg-logo{
  width: 592px;
  height:311.84px ;
  background-color: #212A3D;
  border-bottom: 1px solid #FFFFFF66;
  border-radius: 13px 13px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blue-bg-logo img{
  width: 339px;
  height:84px;
}
.logo-content .synk-date-book-a-meeting{
  padding: 24px 0px 24px 24px;
}
.synk-date-book-a-meeting p:first-child{
  width: 400px;
  font-family: "space-grotesk-bold";
  font-size: 18px;
  color: #FFFFFF;
  line-height: 28px;
}
.synk-date-book-a-meeting .location-content-date{
  font-family: "roboto-regular";
  padding-top: 10px;
}
.synk-date-book-a-meeting .book-a-meeting{
font-family: "space-grotesk-bold";
margin-top: 24.5px;
display: inline-block;
}
.book-a-meeting::after{
    content: '';
    width: 15.98px;
    height: 15.98px;
    display: inline-block;
     background-image: url('./photos/red-arrows.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}
.map-image-container .removing-btn-in-desktop{
  display: none;
}

@media (min-width:320px) and (max-width:600px) {
.map-image-container{
  height: 704.13px;
  padding: 0px 15px;
}
.map-image-container .snyk-events-view-events-button{
   display: flex;
   justify-content: center;
   align-items: center;
}
.snyk-events-view-events-button .snyk-events{
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}
.snyk-events-view-events-button{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.map-image-container .snyk-events-view-events-button .view-events{
  display: none;
}
.location-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.location-content .location-map{
  width: 300px;
  height: 300px;
}
.location-content .logo-content{
  width: auto;
  height: auto;
  transform: translateX(0px);
}
.logo-content .blue-bg-logo{
  width: auto;
  height:auto ;
  padding: 50px;
}
.synk-date-book-a-meeting p:first-child{
  font-size: 14px;
  width: auto;
}
.synk-date-book-a-meeting .location-content-date{
  font-size: 12px;
}
.synk-date-book-a-meeting .book-a-meeting{
font-size: 12px;
margin-top: 10px;
}
.book-a-meeting::after{
    content: '';
    width: 13.98px;
    height: 13.98px;
}
.blue-bg-logo img{
  width: auto;
  height: auto;
}
.logo-content .synk-date-book-a-meeting{
  padding: 18px;
} 
.map-image-container .removing-btn-in-desktop{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
}
@media (min-width:415px) and (max-width:500px) {
  .map-image-container{
  height: 832.13px;
}
.location-content .location-map{
  width: 400px;
  height: 400px;
}
.logo-content .blue-bg-logo{
  /* width: 400px; */
  height:200px ;
}
}
@media (min-width:501px) and (max-width:600px) {
    .map-image-container{
  height: 855.13px;
}
.logo-content .blue-bg-logo{
  width: 469px;
  height:200px ;
}
.location-content .location-map{
  width: 480px;
  height: 420px;
}
}
@media (min-width:601px) and (max-width:800px) {
.map-image-container{
  height: 990px;
  padding: 0px 20px;
  margin-bottom: 30px
}
.map-image-container .location-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}
.location-content .location-map{
  width: 550px;
  height: 480px;
}
.location-content .logo-content{
  width: 540px;
  height: 340px;
  transform: translateX(-0px);
}
.logo-content .blue-bg-logo{
  width: 538px;
  height: 200px;
}
.snyk-events-view-events-button .snyk-events {
  font-size: 30px;
}
.synk-date-book-a-meeting p:first-child{
 font-size: 14px;
}
.synk-date-book-a-meeting .location-content-date{
  font-size: 14px;
}
.synk-date-book-a-meeting .book-a-meeting{
  font-size: 14px;
  margin-top: 15px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.map-image-container{
  height: 520px;
  padding: 0px 40px;
}
.location-content .location-map{
  width: 550px;
  height: 386px;
}
.location-content .logo-content{
  width: auto;
  height: 345px;
  transform: translate(-40px,40px);
}
.logo-content .blue-bg-logo{
  width: 425px;
  height:200px ;
}
.blue-bg-logo img{
  width: 200px;
  height:80px;
}
.snyk-events-view-events-button .snyk-events {
  font-size: 30px;
}
.synk-date-book-a-meeting p:first-child{
 font-size: 14px;
}
.synk-date-book-a-meeting .location-content-date{
  font-size: 14px;
}
.synk-date-book-a-meeting .book-a-meeting{
  font-size: 14px;
  margin-top: 15px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.map-image-container{
  height: 543.13px;
  padding: 0px 50px;
}
.location-content .location-map{
  width: 650px;
  height: 500px;
}
.location-content .logo-content{
  width: 594px;
  height: 400px;
  transform: translateX(-70px);
}
.logo-content .blue-bg-logo{
  width: auto;
  height:211.84px ;
}
.blue-bg-logo img{
  width: 300px;
  height: 64px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.map-image-container{
  height: 784px;
  padding: 0px 32px;
}
}

@media (min-width:2001px) and (max-width:2720px) {
.snyk-events-view-events-button{
  display: flex;
  justify-content: space-between;
  padding: 0px 200px;
}
}


.container5 .design-explore{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.design-explore .snyk-reduces-app-risk{
  width: 780px;
  height:128px ;
  font-family: 'big-shoulders-black';
  text-align: center;
  line-height: 64px;
  letter-spacing: -0.48px;
  font-size: 45px;
  padding-top: 14px;
}
.design-explore .start-securing-AI{
  width: 711px;
  height: 48px;
  text-align: center;
  font-family: "space-grotesk-medium";
  letter-spacing:0.16px ;
  line-height: 24px;
  padding-top: 16px;
}
.container5 .smarter-network{
  height: 276px;
  border-radius: 12px;
  border: 3px solid #000000B2;
  box-shadow: 0 0 20px #6D6D9C4D;
  background-color: #141B2A80;
  display: flex;
  justify-content: space-between;
  padding: 0px 170px 0px 35px;
  margin-top: 100px;
}
.smarter-network .smarter-network-content{
  padding: 30px 0px;
}
.smarter-network-content p:first-child{
  font-family: "space-grotesk-bold";
  font-size: 32px;
   color: #FFFFFF;
   letter-spacing: -0.32px;
   line-height: 40px;
}
.smarter-network-content .combine-AI-driven{
  width: 583px;
  height: 48px;
  font-family: "roboto-regular";
  line-height: 24px;
  margin-top: 12px;
}
.smarter-network-content .smarter-network-contact-us-button{
  margin-top: 52px;
  font-family: "space-grotesk-bold";
}

@media (min-width:320px) and (max-width:600px) {
.container5{
  padding: 0px 15px;
}
.design-explore .snyk-reduces-app-risk{
  width: auto;
  height:auto ;
  font-size: 20px;
  line-height: 30px;
}
.design-explore .start-securing-AI{
  width: auto;
  height:auto ;
  font-size: 13px;
}

.container5 .smarter-network{
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px;
  margin-top: 30px;
}
.smarter-network .smarter-network-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 0px;
}

.smarter-network-content p:first-child{
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
.smarter-network-content .combine-AI-driven{
  width: auto;
  height: auto;
  text-align: center;
  font-size: 13px;
}
.smarter-network-content .smarter-network-contact-us-button{
  margin-top: 20px;
}
.container5 .smarter-network img{
  padding: 30px 0px;
}
}
@media (min-width:555px) and (max-width:600px) {
.container5 .snyk-reduces-app-risk-start-securing{
  margin-top: 50px;
}
}
@media (min-width:601px) and (max-width:800px) {
.container5{
  height: 830px;
  padding: 0px 20px;
}
.design-explore .snyk-reduces-app-risk{
  width: auto;
  height:auto ;
  font-size: 30px;
  line-height: 40px;
}
.design-explore .start-securing-AI{
  width: auto;
  height:auto ;
  font-size: 14px;
}
.container5 .smarter-network{
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
  /* margin-bottom: 80px; */
}
.smarter-network .smarter-network-content{
   width: 300px;
}
.smarter-network-content .combine-AI-driven{
  width: auto;
  height: auto;
  font-size: 14px;
  margin-top: 20px;
}
.smarter-network-content p:first-child {
  font-size: 20px;
  line-height: 35px;
}
}
@media (min-width:640px) and (max-width:800px) {
.container5 .snyk-reduces-app-risk-start-securing{
  margin-top: 80px;
}
}
@media (min-width:740px) and (max-width:800px) {
.container5 .snyk-reduces-app-risk-start-securing{
  margin-top: 130px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.container5{
  height: 600px;
  padding: 0px 40px;
}
.container5 .smarter-network{
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 0px 40px;
}
.smarter-network .smarter-network-content{
   width: 450px;
}
.smarter-network .combine-AI-driven{
  width: auto;
  height: auto;
  font-size: 14px;
  margin-top: 20px;
} 
.design-explore .snyk-reduces-app-risk{
  font-size: 30px;
  height: auto;
} 
.design-explore .start-securing-AI{
  font-size: 14px;
}
.smarter-network-content p:first-child{
  font-size: 25px;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.container5{
  height: 649px;
  padding: 0px 50px;
}
.container5 .smarter-network{
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 0px 40px;
}
.smarter-network .smarter-network-content{
   width: 450px;
}
.smarter-network .combine-AI-driven{
  width: auto;
  height: auto;
} 
}
@media (min-width:1301px) and (max-width:1500px) {
.container5{
  height: 530px;
  padding: 0px 32px;
}
.main-footer-section{
  height: 480px;
}
}

/* footer-section */

.footer-section{
  height: 240px;
}
.footer-section .footer-section-row1{
  display: flex;
  justify-content: space-between;
  font-family: "space-grotesk-bold";
}
.footer-section-row1 .each-sections-in-row1{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.each-sections-in-row1 .footer-first-names{
  line-height:24px ;
  letter-spacing: 1.68px;
}
.each-sections-in-row1 .footer-links{
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: "roboto-regular";
  line-height: 100%;
}
.footer-section .footer-section-row2{
  height: 131px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .footer-section-row2 .logo-in-footer{
  width:223px ;
  height:54px ;
 }
  .footer-section-row2 .social-media-platforms{
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
  }
  .social-media-platforms img{
    width: 26px;
    height:26px ;
  }
  .social-media-platforms img:hover{
    cursor: pointer;
  }
  .footer-section .footer-section-row3{
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #FFFFFF3D;
  }
  .footer-section .footer-section-row4{
   padding-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "roboto-regular";
  }
  .footer-section-row4 .copy-rights{
    line-height: 24px;
  }
  .footer-section-row4 .legal-terms-privacy{
    display: flex;
    gap: 10px;
  }
  .footer-section-row4 .legal-terms-privacy p:nth-child(2)::before,.footer-section-row4 .legal-terms-privacy p:last-child::before{
    content: '';
    width: 8px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/dot.png');
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px;
  }
   .footer-links .p10{
    line-height: 20px;
   }

  @media (min-width:320px) and (max-width:600px) {
.footer-section{
  height: auto;
  padding: 0px 15px;
}
.footer-section .footer-section-row1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 40px;
  margin-top: 40px;
}
.footer-section-row1 .each-sections-in-row1{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.each-sections-in-row1 .footer-links{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.each-sections-in-row1 .footer-first-names{
  font-size: 14px
}
.footer-section .footer-section-row2{
  height:150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
 .footer-section-row2 .logo-in-footer{
  width:223px ;
  height:54px ;
 }
  .footer-section .footer-section-row4{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    text-align: center;
    gap: 30px;
  }
  .footer-links .p10{
    font-size: 12px;
  }
  .footer-section-row4 .legal-terms-privacy{
    padding-bottom: 40px;
  }
  .footer-section-row4 .legal-terms-privacy p{
    font-size: 13px;
    font-family: "roboto-regular";
  }
  .footer-section-row4 .legal-terms-privacy p:first-child::before,.footer-section-row4 .legal-terms-privacy p:nth-child(2)::before,.footer-section-row4 .legal-terms-privacy p:last-child::before{
    content: '';
    width: 6px;
    height: 5px;
    margin-right: 5px;
  } 
  .footer-section-row4 .copy-rights{
    line-height: 24px;
    font-size: 12px;
  } 
  }
@media (min-width:601px) and (max-width:800px) {
.footer-section{
  height: auto;
  padding: 0px 0px;
}
.footer-section .footer-section-row1{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 25px;
}
.footer-section-row1 .row1-col2{
  transform: translateX(-50px);
}
.footer-section .footer-section-row4{
    gap: 3px;
    padding-bottom: 40px;
  }
  .footer-section-row4 .copy-rights{
    font-size: 10px;
  }
  .footer-section-row4 .legal-terms-privacy{
    display: flex;
    gap: 5px;
  }
  .legal-terms-privacy p{
    font-size: 10px;
  }
  .footer-section-row4 .legal-terms-privacy p:first-child::before,.footer-section-row4 .legal-terms-privacy p:nth-child(2)::before,.footer-section-row4 .legal-terms-privacy p:last-child::before{
    content: '';
    width: 6px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/dot.png');
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px;
  }
}
@media (min-width:631px) and (max-width:800px) {
.footer-section-row1 .row1-col2{
  transform:unset;
}
}
@media (min-width:801px) and (max-width:1000px) {
.footer-section{
  height: 188px;
  padding: 0px 40px;
}
.footer-section .footer-section-row1{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  gap: 80px;
}
.footer-section  .footer-section-row4{
   padding-bottom: 40px;
  }
   .footer-section-row4 .copy-rights{
    line-height: 24px;
    font-size: 14px;
  }
  .footer-section-row4 .legal-terms-privacy p:first-child::before,.footer-section-row4 .legal-terms-privacy p:nth-child(2)::before,.footer-section-row4 .legal-terms-privacy p:last-child::before{
    content: '';
    width: 6px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/dot.png');
    background-size: cover;
    vertical-align: middle;
    margin-right: 7px;
  }
}
@media (min-width:1001px) and (max-width:1300px) {
.footer-section{
  height: 180px;
  padding: 0px 50px;
  margin-bottom: 30px;
}
.footer-section .footer-section-row1{
  gap: 20px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.footer-section{
  height: 270px;
  padding: 0px 32px;
}
.footer-section .footer-section-row1{
  display: flex;
  justify-content: unset;
  font-family: "space-grotesk-bold";
  padding-top: 20px;
}
.footer-section-row1 .each-sections-in-row1{
  width: 262px;
  height: 221px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer-section-row1 .footer-first-names{
  line-height:24px ;
  letter-spacing: 1.68px;
}
.footer-section-row1 .footer-links{
  display: flex;
  flex-direction: column;
  gap:11.5px;
  font-family: "roboto-regular";
  line-height: 100%;
}
.footer-section-row1 .row1-col2{
  padding-left: 34px;
}
.footer-section-row1 .row1-col3{
  padding-left: 66px;
}
.footer-section-row1 .row1-col4{
  width: 300px;
  padding-left: 97px;
}
.footer-section-row1 .row1-col5{
  /* width:300px; */
  padding-left: 92px;
}
.footer-links .synk-vs-github{
  line-height: 20px;
}

.footer-section .footer-section-row2{
  height: 122px;
  align-items: flex-end;
}
.footer-section-row2 .social-media-platforms{
  width: 200px;
  /* padding-left: 69px; */
  transform: translateY(-10px);
}
.footer-section .footer-section-row3{
  padding-top: 69px;
}
.footer-section-row4 .copy-rights{
  font-size: 14px;
  line-height: 100%;
  padding-top: 3px;
}
.legal-terms-privacy .last-footer-content{
  font-size: 14px;
}
 .footer-section .footer-section-row4{
   padding-bottom: 40px;
  }

}



/* same cards */

/* smae-crds-homepage */
.section7 .section5{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section5 .section5-content{
  width: 480px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section5-content .network-protection,.section5-content .DeepCode-AI-Engine{
  font-family: "space-grotesk-bold";
}
.section5-content .network-protection,.section5-content .DeepCode-AI-Engine:hover{
  cursor: pointer;
}
.section5-content .backbone-unleash{
  font-family: "space-grotesk-medium";
}
.backbone{
  width: 500px;
  height:150px;
  line-height: 24px;
}
.unleash{
  width: 500px;
  height: 236px;
  line-height: 24px;
  padding-top: 16px;
}
.section5-content .DeepCode-AI-Engine{
  transform: translateY(-100px);
}
.section5-content .DeepCode-AI-Engine::after{
   content: '';
    width: 15.98px;
    height: 15.98px;
    display: inline-block;
     background-image: url('./photos/red-arrows.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}
.section5 .section5-image{
  width:720px ;
  height: 635px;
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
  background-image: radial-gradient(circle, #142030, #121d2d, #101b2b, #0e1828, #0c1526);
  display: flex;
  justify-content: center;
  align-items: center;
}
.section5-image img{
  width:412px ;
  height:408px ;
}
.section5 .spyder-image-container{
  position: relative;
}
/* .section5 .spyder-image-container .empty-laptop{
  width:450px ;
  height:370px ;
} */
.section5 .spyder-image-container .spyder-image{
  width:54px ;
  height:48px ;
  position: absolute;
  transform: translate(-60px,-5px);
}
.section5-image .shield-image{
  width:476px ;
  height: 353px;
}
.section5 .laptop-shield-image img{
  width:561px ;
  height: 338px;
}
@media (min-width:320px) and (max-width:600px) {
.section7 .section5{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 15px 0px 15px;
}
.section5 .section5-content{
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  text-align: center;
}
.section5-content .network-protection{
  padding-top: 20px;
  font-size: 20px;
  line-height: unset;
}
.section5-content .backbone-unleash{
  font-size: 12px;
}
.backbone,.unleash{
  width:auto;
  height: auto;
  padding-bottom: 20px;
}
.section5 .section5-image{
  width:290px ;
  height: 289px;
  margin-top: 40px;
  padding: 40px;
}
.section5-image .shield-image,.section5-image .image2-services{
  width: 200px;
  height: 180px;
}
/* .section5-image .image2-services{
  width: 200px;
  height: 180px;
} */
/* .spyder-image-container .image3-services{
  width: 200px;
  height: 100px;
} */
 .section5 .spyder-image-container .empty-laptop {
    width: 450px;
    height: 227px;
}

.section5 .laptop-shield-image img {
    width: 561px;
    height: 230px;
}
/* .section5 .spyder-image-container .empty-laptop{
  width:350px ;
  height:250px ;
}
.section5 .spyder-image-container .spyder-image{
  width:30px ;
  height:30px ;
  position: absolute;
  transform: translate(-30px,-5px);
}
.section5 .laptop-shield-image img{
  width:390px ;
  height: 250px;
} */
.section5-content .DeepCode-AI-Engine{
  padding-top: 20px;
}
}
@media (min-width:450px) and (max-width:520px) {
.section5 .section5-content{
  width: auto;
  }
.section5 .section5-image{
  width:384px ;
  height: 361px;
  margin-top: 40px;
  padding: 40px;
}
.section5-image img{
  width:auto ;
  height:auto ;
}
.section5-image .shield-image,.section5-image .image2-services{
  width: 250px;
  height: 230px;
}
/* .wheel-image {
  width:300px ;
  height:300px ;
} */
}
@media (min-width:521px) and (max-width:600px) {
.section5 .section5-image{
  width:448px ;
  height: 480px;
  margin-top: 40px;
  padding: 40px;
}
.section5-image img{
  width:auto ;
  height:auto ;
}
.section5-image .shield-image,.section5-image .image2-services{
  width: 290px;
  height: 240px;
}
    .section5 .laptop-shield-image img {
        width: 561px;
        height: 275px;
    }
}

@media (min-width:601px) and (max-width:800px) {
.section7 .section5{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
}
.section5 .section5-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
}
.backbone,.unleash{
  width:auto;
  height: auto;
}
.section5 .section5-image{
  width:493px ;
  height: 490px;
  margin-top: 40px;
  padding: 40px;
}
.section5-image img{
  width:auto ;
  height:auto ;
}
.section5-content .network-protection{
  font-size: 20px;
}
.section5-content .backbone-unleash{
  font-size: 14px;
  height: 105px;
}
.section5-content .backbone{
  height: 125px;
}
.section5-content .DeepCode-AI-Engine{
  padding-top: 20px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.section7 .section5{
  display: flex;
  justify-content:space-between;
  align-items: center;
  padding: 0px 40px;
  gap: 40px;
}
.backbone,.unleash{
  width:auto;
  height: auto;
}
.section5 .section5-image{
  width:648px ;
  height: 310px;
  margin-top: 40px;
  padding: 40px;
}
.section5-image .shield-image{
  width:261px ;
  height:259px ;
}
.section5-image img{
  width:auto ;
  height:auto ;
}
.section5-image .image2-services{
  height: 270px;
}
.section5 .spyder-image-container .empty-laptop{
  width:400px ;
  height:270px ;
}
.section5 .spyder-image-container .spyder-image{
  width:35px ;
  height:35px ;
  position: absolute;
  transform: translate(-37px,-5px);
}
.section5 .laptop-shield-image img{
  width:auto ;
  height: auto;
}
.section5-content .network-protection,.section5-content .DeepCode-AI-Engine{
  font-size: 18px;
}
.section5-content .DeepCode-AI-Engine{
  padding-top: 20px;
}
.section5-content .backbone-unleash {
  font-size: 14px;
  height: auto;
  padding-bottom: 25px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.section7 .section5{
  display: flex;
  justify-content:space-between;
  align-items: center;
  padding: 0px 50px;
  gap: 40px;
}
.backbone,.unleash{
  width:auto;
  height: auto;
  padding-bottom: 25px;
}
.section5 .section5-image{
  width:672px ;
  height: 358px;
  margin-top: 40px;
  padding: 40px;
}
.section5-image .shield-image{
  max-width:290px ;
  height:259px ;
}
.section5-image img{
  width:auto ;
  height:auto ;
}
.section5-image .image2-services{
  height: 300px;
}
.section5 .spyder-image-container .empty-laptop{
  width:450px ;
  height:300px ;
}
.section5 .spyder-image-container .spyder-image{
  width:40px ;
  height:40px ;
  position: absolute;
  transform: translate(-48px,-5px);
}
.section5 .laptop-shield-image img{
  width:426px ;
  height: auto;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.section7 .section5{
  padding: 0px 32px;
}
.section5 .section5-image{
  width:595px ;
  height: 496px;
}
}

/* services-page-section2 */

.network-protection-service-page{
  width: 464px;
  height: 349px;
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
  background-image: radial-gradient(circle, #0e131e, #0f1520, #101623, #111825, #121928);
  padding: 35px 40px 58px 35px;
}
.network-protection-service-page .comprehensive-security{
  padding-top: 30px;
  font-family: "space-grotesk-bold";
}
.network-protection-service-page .from-firewalls{
  padding-top: 25px;
  font-family: "space-grotesk-medium";
  line-height: 24px;
}

@media (min-width:320px) and (max-width:600px) {
.network-protection-service-page{
  width: auto;
  height: auto;
  padding:40px ;
}
.network-protection-service-page .comprehensive-security{
  padding-top: 10px;
  font-size: 14px;
  line-height: 20px;
}
.network-protection-service-page .from-firewalls{
  padding-top: 10px;
  line-height: 20px;
  font-size: 12px;
}
}
@media (min-width:601px) and (max-width:800px) {
.network-protection-service-page{
  padding:60px  40px;
  height: auto;
}
.network-protection-service-page .comprehensive-security{
  padding-top: 10px;
  font-size: 18px;
  line-height: 20px;
}
.network-protection-service-page .from-firewalls{
  padding-top: 10px;
  line-height: 20px;
  font-size: 14px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.network-protection-service-page{
  padding:60px  40px;
  height: 320px;
  width: 338px;
}
.network-protection-service-page .comprehensive-security{
  padding-top: 10px;
  font-size: 20px;
  line-height: 24px;
}
.network-protection-service-page .from-firewalls{
  padding-top: 10px;
  line-height: 20px;
  font-size: 14px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.network-protection-service-page{
  padding:60px  40px;
  height: auto;
}
.network-protection-service-page .comprehensive-security{
  padding-top: 10px;
  font-size: 22px;
  line-height: 24px;
}
.network-protection-service-page .from-firewalls{
  padding-top: 10px;
  line-height: 20px;
  font-size: 15px;
}
}

@media (min-width:1301px) and (max-width:1400px) {
.network-protection-service-page{
  width: 361px;
  height: 349px;
  padding: 35px 30px 58px 30px;
}
}
@media (min-width:1401px) and (max-width:1500px) {
.network-protection-service-page{
  width: 432px;
  height: 349px;
  padding: 35px 30px 58px 30px;
}
.recent-case-study{
  width: 464px;
  height: 583px;
}
}

/* servicespage-section3 */

.recent-case-study{
  width: 464px;
  height: 583px;
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
  background-image: radial-gradient(circle, #0e131e, #0f1520, #101623, #111825, #121928);
}
.recent-case-study img{
  width:464px ;
  height: 331px;
  border-radius: 8px 8px 0px 0px;
  border-bottom: 1px;
}
.recent-case-study .sales-web-community{
  padding: 35px 0px 58px 35px;
}
.sales-web-community .sales-web{
  font-family: "space-grotesk-bold";
}
.sales-web-community .community-engagement{
  font-family: "space-grotesk-bold";
  padding-top: 17px;
}
.sales-web-community .growing-startup{
  width: 400px;
  padding-top: 18px;
  font-family: "space-grotesk-medium";
  line-height: 24px;
}

@media (min-width:320px) and (max-width:600px) {
.recent-case-study{
  width: auto;
  height: auto;
}
.recent-case-study img{
  width:auto;
  height: auto;
}
.recent-case-study .sales-web-community{
  padding: 35px 15px 30px 15px;
}
.sales-web-community .growing-startup{
  width: auto;
  font-size: 12px;
  line-height: 20px;
  padding-top: 10px;
} 
.sales-web-community .community-engagement{
  font-size: 20px;
  padding-top: 10px;
} 
}
@media (min-width:465px) and (max-width:600px) {
.recent-case-study{
  width: 464px;
  height: auto;
}
.recent-case-study img{
  width:464px ;
  height: 331px;
}
}
@media (min-width:601px) and (max-width:800px) {
.recent-case-study {
    width: 464px;
    height: auto;
}
.recent-case-study .sales-web-community{
  padding: 35px 20px 30px 20px;
}
.sales-web-community .community-engagement{
  font-size: 22px;
  padding-top: 10px;
}
.sales-web-community .growing-startup{
  width: auto;
  font-size: 14px;
  line-height: 25px;
  padding-top: 10px;
} 
}
@media (min-width:801px) and (max-width:1000px) {
.recent-case-study {
    width: 464px;
    height: auto;
}
.recent-case-study .sales-web-community{
  padding: 40px 30px;
}
  .sales-web-community .growing-startup{
  width: auto;
  font-size: 14px;
  line-height: 25px;
  padding-top: 10px;
} 
}
@media (min-width:1401px) and (max-width:1500px) {
.recent-case-study{
  width: 429px;
  height: 590px;
}
  .sales-web-community .growing-startup{
  width: auto;
  }
}

/* aboutus section3 */

.about-us-our-team{
  width: 464px;
  height: 580px;
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
  background-image: radial-gradient(circle, #0e131e, #0f1520, #101623, #111825, #121928);
}
.about-us-our-team .our-team-image-bg{
  width: 464px;
  height: 331px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #182033;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.our-team-image-bg .triangle-image{
  position: absolute;
  bottom: 0;
  transform: translateY(10px);
}
.about-us-our-team .founder-content{
  padding: 9px 0px 0px 35px;
}
.founder-content .sarah-ceo{
  display: flex;
  align-items: baseline;
  gap: 17px;
}
.founder-content .sarah-ceo p:first-child{
  font-family: "space-grotesk-bold";
  font-size: 37px;
  color: #FFFFFF;
}
.founder-content .sarah-ceo p:last-child{
  font-family: "space-grotesk-bold";
}
.founder-content .growing-startup1{
  width: 400px;
  font-family: "space-grotesk-medium";
  line-height: 24px;
}

@media (min-width:320px) and (max-width:600px) {
.about-us-our-team{
  width: auto;
  height: auto;
}
.about-us-our-team .our-team-image-bg{
  width: auto;
  height: auto;
}
.about-us-our-team .founder-content{
  padding: 20px;
}
.founder-content .sarah-ceo p:first-child{
  font-size: 20px;
}
.founder-content .sarah-ceo p:last-child{
  font-size: 18px;
}
.founder-content .growing-startup1{
  width: auto;
  font-size: 12px;
  padding-top: 15px;
}
}

@media (min-width:601px) and (max-width:800px) {
.about-us-our-team{
  width: auto;
  height: auto;
}
.about-us-our-team .our-team-image-bg{
  width: auto;
  height: auto;
}
.about-us-our-team .founder-content{
  padding: 20px;
}
.founder-content .sarah-ceo p:first-child{
  font-size: 30px;
}

.founder-content .growing-startup1{
  width: auto;
  font-size: 14px;
  padding-top: 15px;
}
}
@media (min-width:801px) and (max-width:1000px) {
 .founder-content .sarah-ceo p:first-child{
  font-size: 32px;
}
.founder-content .sarah-ceo p:last-child{
  font-size: 15px;
}
.founder-content .growing-startup1{
  width: 400px;
  font-size: 14px;
  padding-top: 15px;
} 
}

@media (min-width:1401px) and (max-width:1500px) {
.about-us-our-team{
  width: 431px;
  height: auto;
}
.about-us-our-team .our-team-image-bg{
  width: 431px;
  height: 331px;
}
.about-us-our-team .founder-content{
  padding: 9px 30px 30px 35px;
}
.founder-content .sarah-ceo{
  display: flex;
  align-items: baseline;
  gap: 17px;
}
.founder-content .growing-startup1{
  width: auto;
}
}






/* blog-page-cards */

.blog-page-section{
  width: 464px;
  height: 583px;
  border-radius: 8px;
  background-image: radial-gradient(circle, #0e131e, #0f1520, #101623, #111825, #121928);
  border: 1px solid #FFFFFF14;
}
.blog-page-section .card-content{
  padding: 32px 0px 44px 35px;
}
.card-content .AI-red-color{
  font-family: "space-grotesk-bold";
}
.card-content .meeting-mandate{
  width: 373px;
  font-family: "space-grotesk-bold";
  line-height: 34px;
  padding-top: 15px;
}
.card-content .blog-page-date{
  font-family: "space-grotesk-medium";
  padding-top: 20px;
  font-size: 16px;
  color: #BDC6D9;
}
.card-content .blog-arrow-image{
  padding-top: 26px;
}

@media (min-width:320px) and (max-width:600px) {
.blog-page-section{
  width: auto;
  height: auto;
}
.blog-page-section .card-content{
  padding: 32px 10px 44px 35px;
}
.card-content .blog-page-date {
  font-size: 12px;
}
.card-content .meeting-mandate{
  width: auto;
  font-size: 16px;
  line-height: 30px;
}
}
@media (min-width:463px) and (max-width:600px) {
.blog-page-section{
  width: 413px;
  height: auto;
}
}
@media (min-width:601px) and (max-width:700px) {
.blog-page-section{
  width: 272px;
  height: 460px;
}
.blog-page-section .card-content{
  padding: 32px 10px 44px 15px;
}
.card-content .AI-red-color{
  font-family: "space-grotesk-bold";
}
.card-content .meeting-mandate{
  width: auto;
  font-size: 18px;
  line-height: 30px;
  padding-top: 15px;
}
.card-content .blog-page-date{
  font-size: 14px;
}

}
@media (min-width:701px) and (max-width:800px) {
.blog-page-section{
  width: 318px;
  height: 465px;
}
.blog-page-section .card-content{
  padding: 32px 10px 44px 15px;
}
.card-content .AI-red-color{
  font-family: "space-grotesk-bold";
}
.card-content .meeting-mandate{
  width: auto;
  font-size: 18px;
  line-height: 30px;
  padding-top: 15px;
}
.card-content .blog-page-date{
  font-size: 14px;
}
}
@media (min-width:801px) and (max-width:900px) {
.blog-page-section{
  width: 348px;
  height: 515px;
}
.blog-page-section .card-content{
  padding: 32px 10px 44px 15px;
}
.card-content .AI-red-color{
  font-family: "space-grotesk-bold";
}
.card-content .meeting-mandate{
  width: auto;
  font-size: 20px;
  line-height: 35px;
  padding-top: 15px;
}
}
@media (min-width:901px) and (max-width:1000px) {
.blog-page-section{
  width: 398px;
  height: 520px;
}
.blog-page-section .card-content{
  padding: 32px 15px 44px 20px;
}
.card-content .AI-red-color{
  font-family: "space-grotesk-bold";
}
.card-content .meeting-mandate{
  width: auto;
  font-size: 20px;
  line-height: 35px;
  padding-top: 15px;
}
}
@media (min-width:1001px) and (max-width:1100px) {
.blog-page-section{
  width: 439px;
  height: 555px;
}
.blog-page-section .card-content{
  padding: 32px 15px 44px 20px;
}
}
@media (min-width:1301px) and (max-width:1400px) {
.blog-page-section{
  width: 396px;
  height: 530px;
}
.blog-page-section .card-content{
  padding: 32px 15px 44px 20px;
}
}
@media (min-width:1401px) and (max-width:1500px) {
.blog-page-section{
  width: 429px;
  height: 550px;
}
.blog-page-section .card-content{
  padding: 32px 15px 44px 20px;
}
}


/* services-hover-section */

.services-hover-section{
  height: 340px;
  background-color: #0E131E;
  border: 1px solid #FFFFFF1A;
  box-shadow: 0 0 10px #FFFFFF1A;
}
.left-section .hover-section-services-title{
  font-family: "space-grotesk-bold";
  font-size: 17px;
  color: #FFFFFF;
  padding-top: 30px;
  padding-left: 20px;
}
.services-hover-section .services-hover-section-rows{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0px 30px 0px;
}
.three-divisions{
  width:320px ;
  height:auto;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 15px;
}
.services-hover-section-rows .one-active:hover{
  width:320px ;
  height: auto;
  border-radius: 6px;
  background-color: #212A3D;
  cursor: pointer;
}
.three-divisions .hover-section-images{
  width: 44px;
  height: 44px;
  border: 1px solid #FFFFFF24;
  border-radius: 6px;
  background-color: #0E131E;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon1 img{
  width: 21px;
  height: 25px;
}
.three-divisions .icon2{
  width: 58px;
}
.icon2 img{
  width: 25px;
  height: 25px;
}
.three-divisions .icon3{
  width: 80px;
}
.icon3 img{
  width: 25px;
  height: 23px;
}
.three-divisions .icon4{
  width: 68px;
}
.icon4 img{
  width: 25px;
  height: 26px;
}
.three-divisions .icon5{
  width: 88px;
}
.icon5 img{
  width: 17px;
  height: 23px;
}
.three-divisions .icon6{
  width: 53px;
}
.icon6 img{
  width: 21px;
  height: 24px;
}
.three-divisions .icon7{
  width: 53px;
}
.icon7 img{
  width: 25px;
  height: 25px;
}
.three-divisions .network-secure{
  font-family: "space-grotesk-bold";
  line-height: 23px;
}
.three-divisions .snyk-secure{
  font-family: "space-grotesk-medium";
  font-size: 13px;
  color: #FFFFFF;
}
/* .three-divisions .three-divisions-contents{
  display: flex;
  flex-direction: column;
  gap: 5px;
} */
.services-hover-section-row2{
  padding-top: 0px;
}
.services-hover-section-rows .cyber-consultancy,.services-hover-section-rows .Digital-Forensics,.services-hover-section-rows .grc,.services-hover-section-rows .Cybersecurity-Audit,.services-hover-section-rows .vapt,.services-hover-section-rows .cyber-certifications,.services-hover-section-rows .safe-vvips{
  width:320px ;
  height: auto;
  border-radius: 6px;
  background-color: #212A3D;
}
/* .services-hover-section .right-section{
  width: 574px;
  height: 198px;
  border-radius: 12px;
  border-width: 1px solid #FFFFFF1F;
  background-image: linear-gradient(to right, #212a3d, #1c2435, #171e2d, #131925, #0e131e);
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-section .hat-usa{
  font-family: "space-grotesk-bold";
  font-size: 18px;
  line-height: 28px;
  color: #FFFFFF;
}
.right-section .hover-right-section-date{
  font-family: "roboto-regular";
  font-size: 16px;
  line-height: 24px;
  color: #F6F7FB;
  padding-top: 8px;
} */
/* .right-section .book-a-meeting{
  display: inline-block;
  margin-top: 10px;
} */
/* .book-a-meeting::after{
    content: '';
    width: 15.98px;
    height: 15.98px;
    display: inline-block;
     background-image: url('./photos/red-arrows.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
} */
 /* .right-section img{
  transform: translateY(23px);
 } */

 @media (min-width:320px) and (max-width:600px) {
.services-hover-section{
  display: none;
}
 }
 @media (min-width:601px) and (max-width:800px) {
.services-hover-section{
  height: 340px;
}
.left-section .hover-section-services-title{
  font-size: 14px;
  padding-top: 30px;
  padding-left: 20px;
}
.services-hover-section .services-hover-section-rows{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.three-divisions{
  width:250px ;
}

}
 @media (min-width:801px) and (max-width:1000px) {
.services-hover-section .services-hover-section-rows{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
}
 @media (min-width:1001px) and (max-width:1300px) {
.services-hover-section .services-hover-section-rows{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.three-divisions{
  width:250px ;
}
}
 @media (min-width:1301px) and (max-width:1500px) {
.three-divisions{
  width:280px ;
}
 }

 /* end of global css */


 /* home-page-section1 */
.section1{
  width: 100%;
  height: 560px;
  padding: 23px 32px;
  background-image: url('./photos/bg-nav-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.service-active-down-arrow::after{
    content: '';
    width: 8px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/arrow-down.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}
@media (min-width:320px) and (max-width:600px) {
.section1{
  height: auto;
  padding: 0px 0px;
} 
}
@media (min-width:601px) and (max-width:800px) {
.section1{
  height: auto;
  padding: 0px 0px;
} 
.main-nav-section .nav-section1{
  gap: 25px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.section1{
  padding: 0px 0px;
} 
.main-nav-section .nav-section1{
  gap: 25px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.section1{
  padding: 0px 0px;
} 
}
@media (min-width:1301px) and (max-width:1500px) {
.section1{
  padding: 0px 0px;
} 
}

/* homepage2 section2 starting */
.main-section2 .section2{
  /* height: 485px; */
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section2 .synk-announces{
  width: 572px;
  height: 48px;
  background-color: #1E273A;
  border: 4px solid #0E131E;
  border-radius: 1600px;
  box-shadow: 0 0 10px #6D6D9C4D;
  font-family: "roboto-semi-bold";
  line-height: 24px;
  letter-spacing: 0.08px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 89.16px;
}
.section2 .synk-announces::after{
  content: '';
    width: 15.98px;
    height: 15.98px;
    display: inline-block;
     background-image: url('./photos/red-arrows.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}
.section2 .trust-ai-at-speed{
  font-family: "big-shoulders-black";
  letter-spacing: -0.9px;
  line-height: 100%;
  padding-top: 120px;
}
.section2 .AI-native-apps{
  font-family: "space-grotesk-bold";
  line-height: 40px;
  letter-spacing: -0.32px;
  padding-top: 8px;
}
.section2 .secure-every-line{
  font-family: "roboto-regular";
  line-height: 24px;
  padding-top: 26px;
}
.section2 .section2-explore-btn{
  margin-top: 26px;
}
.explore-the-platform .general-explore-platform-section2{
  font-family: "space-grotesk-bold";
  line-height: 14px;
  letter-spacing: 0.08px;
  font-size: 16px;
  padding: 19px;
}
@media (min-width:320px) and (max-width:600px) {
.main-section2 .section2{
  height:auto;
  background-position: 115px -250px,730px 10px;
}
.section2 .synk-announces{
  width: auto;
  height: auto;
  padding: 15px;
  font-size: 13px;
  margin: 40.16px 15px 0px 15px;
}
.section2 .trust-ai-at-speed{
  font-size: 30px;
  padding-top: 40px;
}
.section2 .AI-native-apps{
  font-size: 14px;
}
.section2 .secure-every-line {
  padding:10px 15px 0px 15px ;
  font-size: 14px;
}
.section2 .synk-announces::after{
    width: 30.98px;
    height: 15.98px;
    margin-left: 10px; 
}
.section2 .section2-explore-btn{
  margin-bottom: 60px;
}
}
@media (min-width:350px) and (max-width:600px) {
.section2 .synk-announces::after{
  content: '';
    width: 25.98px;
    height: 15.98px;
}
}
@media (min-width:440px) and (max-width:600px) {
.section2 .synk-announces::after{
  content: '';
    width: 20.98px;
    height: 15.98px;
}
}
@media (min-width:601px) and (max-width:800px) {
.main-section2 .section2{
  height:auto;
  background-position:250px -250px,730px 10px;
}
.section2 .trust-ai-at-speed{
  font-size: 40px;
}
.section2 .synk-announces{
  width: auto;
  height: auto;
  padding: 15px;
  font-size: 14px;
}
.section2 .AI-native-apps{
  font-size: 16px;
}
.section2 .secure-every-line{
  font-size: 14px;
  padding-top: 10px;
}
.section2 .section2-explore-btn{
  margin-bottom: 60px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.section2 .trust-ai-at-speed{
  font-size: 55px;
}
.section2 .synk-announces{
  font-size: 15px;
}
.section2 .AI-native-apps{
  font-size: 20px;
}
.section2 .secure-every-line{
  font-size:16px ;
  padding-top: 15px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.section2 .trust-ai-at-speed{
  font-size: 70px;
}
.section2 .AI-native-apps{
  font-size: 25px;
}
}
@media (min-width:1300px) and (max-width:1500px) {
.main-section2 .section2{
  height: auto;
  background-position: 1115px -250px,730px 10px;
}
.section2 .trust-ai-at-speed{
  letter-spacing: -1.9px;
  padding-top: 45px;
}
}

/* section3 robo-image */
.main-section3{
  /* background-image: linear-gradient(to left, #000000, #0a0407, #0f0910, lab(4.43% 2.85 -5.68 / 0.927), hsla(221, 36%, 9%, 0.949));
  opacity: 0.1px; */
  background-image: url('./photos/bg-01-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.main-section3 .section3{
  height: 920px;
  /* background-image: url('./photos/red-blur.png'),url('./photos/arrow-left.png');
  background-repeat: no-repeat;
  background-position: -488px 350px,-627px 570px; */
  padding: 0px 32px 120px 32px;
}
@media (min-width:320px) and (max-width:600px) {
.main-section3 .section3{
 display: none;
}
}

/* section4 starting homepage*/

.section4{
   /* background-color: #0E131E; */
    padding: 0px 240px 120px 240px;
}
@media (min-width:320px) and (max-width:600px) {
  .section4{
    padding: 10px 0px 50px 0px;
}
  .snyk-AI-powered .AI-powered-platform{
    font-size: 16px;
    line-height: 23px;
  }
}
@media (min-width:601px) and (max-width:800px) {
  .snyk-AI-powered .AI-powered-platform{
    font-size: 16px;
    line-height: 23px;
  }
}
@media (min-width:320px) and (max-width:1500px) {
.section4{
    padding: 0px 0px 50px 0px;
}
}
@media (min-width:1501px) and (max-width:1900px) {
  .snyk-AI-powered .twilio-images {
    display: flex;
    justify-content: space-between;
    gap: 45px;
}
.section4{
    padding: 0px 62px 120px 62px;
}
}
@media (min-width:1901px) and (max-width:2400px) {
  .snyk-AI-powered .twilio-images {
    display: flex;
    justify-content: space-between;
    gap: 35px;
}
.section4{
    padding: 0px 100px 120px 100px;
}
}

/* section5 starting homepage*/
.section5__girl-image{
  width: 100%;
  background-image: url('./photos/bg-02-image.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
   padding: 0px 240px 120px 240px;
}

@media (min-width:320px) and (max-width:1500px) {
.section5__girl-image{
  width: auto;
   padding: 0px 0px 0px 0px;
}  
}
@media (min-width:1501px) and (max-width:1700px) {
.section5__girl-image {
    padding: 0px 100px 120px 100px;
}
}
@media (min-width:1701px) and (max-width:1900px) {
.section5__girl-image {
    padding: 0px 150px 120px 150px;
}
.person-girl-image-content {
    display: flex;
    justify-content: center;
    padding: 0px 100px 0px 40px;
    align-items: center;
    gap: 80px;
}
}
@media (min-width:1901px) and (max-width:2200px) {
.section5__girl-image {
    padding: 0px 200px 120px 200px;
}
.person-girl-image-content {
    display: flex;
    justify-content: center;
    padding: 0px 10px 0px 40px;
    align-items: center;
    gap: 200px;
}
}
@media (min-width:2201px) and (max-width:2720px) {
.section5__girl-image {
    padding: 0px 400px 120px 400px;
}
.person-girl-image-content {
    display: flex;
    justify-content: center;
    padding: 0px 10px 0px 40px;
    align-items: center;
    gap: 200px;
}
}


/* section6 starting homepage*/

.main-section6{
  padding-top: 120px;
}
.main-section6 .section6{
  height: 440px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section6 .AI-trust-patform{
  font-family: "big-shoulders-black";
  line-height: 64px;
  letter-spacing:-0.48px ;
  padding-top: 20px;
}
.section6 .Ai-changing-future{
  font-family: "space-grotesk-bold";
  line-height: 36px;
  letter-spacing: -0.24px;
  padding-top: 24px;
}
.section6 .synk-accelerates,.section6 .with-proactive{
  width: 720px;
  height: 72px;
  font-family: "space-grotesk-medium";
  line-height: 24px;
  letter-spacing: 0.16px;
  text-align: center;
}
.section6 .synk-accelerates{
  padding-top: 24px;
}
.section6 .with-proactive{
  padding-top: 30px;
}
@media (min-width:320px) and (max-width:600px) {
  .main-section6{
  padding-top: 0px;
}
.main-section6 .section6{
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 15px 20px ;
}
.section6 .AI-trust-patform{
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
.section6 .Ai-changing-future{
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  padding-top: 10px;
}
.section6 .synk-accelerates,.section6 .with-proactive{
  width: auto;
  height: auto;
  text-align:left;
}
.section6 .synk-accelerates{
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
}
.section6 .with-proactive{
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
}  
}
@media (min-width:601px) and (max-width:800px) {
  .main-section6{
  padding-top: 30px;
}
.main-section6 .section6{
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px ;
}
.section6 .AI-trust-patform{
  text-align: center;
  font-size: 30px;
}
.section6 .Ai-changing-future{
  text-align: center;
  font-size: 20px;
  padding-top: 0px;
}
.section6 .synk-accelerates,.section6 .with-proactive{
  width: auto;
  height: auto;
  text-align: justify;
}
.section6 .synk-accelerates{
  padding-top: 14px;
  font-size: 14px;
}
.section6 .with-proactive{
  padding-top: 10px;
  font-size: 14px;
}  
}
@media (min-width:801px) and (max-width:1000px) {
.main-section6  .changing-height{
  height: 300px;
  }
.section6 .AI-trust-patform{
  font-size: 30px;
}
.section6 .Ai-changing-future{
  font-size: 20px;
  padding-top: 0px;
}
.section6 .synk-accelerates{
  font-size: 14px;
}
.section6 .with-proactive {
  font-size: 14px;
}
}
@media (min-width:1300px) and (max-width:1500px) {
  .main-section6{
  padding-top: 50px;
}
.section6 .AI-trust-patform{
  font-family: "big-shoulders-black";
  line-height: 64px;
  letter-spacing:0.52px ;
  padding-top: 20px;
  font-size: 43px;
}
.section6 .with-proactive{
  padding-top: 40px;
}
}


/* starting of section7-----cards */
.section7{
  height: auto;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}


/* starting of section8 */

.section8{
  height: auto;

}

@media (min-width:320px) and (max-width:600px) {
  .section7{
  gap: 30px;
}
.section8{
  padding: 0px 15px;
}  
}
@media (min-width:801px) and (max-width:1000px) {
.section8{
  height: 650px;
  padding: 0px 40px;
}  
}
@media (min-width:1001px) and (max-width:1300px) {
.section8{
  padding: 0px 50px 40px;
}  
}
@media (min-width:1301px) and (max-width:1500px) {
.section8{
  height: 670px;
  padding: 0px 32px;
}  
}
.main-section9{
  background-image: url('./photos/bg-03-image.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.1px;
}
.main-section9 .section9{
  height: 920px;
  padding: 0px 135px 0px 135px;
}
.main-section9 .display2,.main-section9 .display3,.main-section9 .display4,.main-section9 .display5{
  display: none;
}

@media (min-width:320px) and (max-width:1500px) {
.main-section9 .section9{
  height: auto;
  padding: 0px 0px 0px 0px;
}  
}
@media (min-width:320px) and (max-width:800px) {
.Chitra-vp{
  padding-bottom: 50px;
}
}


/* starting of section10 */
.background-color-background-image{
  height: auto;
  background-image: url('./photos/intgration-bg-image.jpg');
  background-repeat: no-repeat;
  background-position:-160px -80px;
}
.main-section10{
background: linear-gradient(21deg, rgba(14, 19, 30, 0.9) 56%, rgba(237, 92, 92, 1) 100%);
background-image: url('./photos/red-blur.png'),url('./photos/red-blur.png'),url('./photos/red-blur.png');
background-repeat: no-repeat;
background-position: 1000px 70px,1000px 650px,1000px 1250px;
 opacity: 0.1px;
}
.main-section10 .section10{
  height: 274px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-section10 .integration-images{
  padding: 40px 240px 0px 240px;
}
.innovations-explore-resources{
  background: #0E131E;
  padding-top: 100px;
  background-image: url('./photos/bg-06-image.jpg');
  background-position: 0px -650px;
  background-size: cover;
  background-repeat: no-repeat;
}
.dotted-background .container3{
  padding: 20px;
  margin: 0px 240px 0px 240px;
}
.innovations-explore-resources .container4{
  padding: 0px 240px;
}

@media (min-width:320px) and (max-width:600px) {
  .innovations-explore-resources{
  padding-top: 0px;
}

}
@media (min-width:601px) and (max-width:800px) {
.innovations-explore-resources{
  padding-top: 0px;
}
}
@media (min-width:1501px) and (max-width:1630px) {
.main-section10 {
    background-position: 1000px 70px, 1000px 650px, 1000px 1250px;
}
.main-section10 .integration-images{
  padding: 40px 100px 0px 100px;
}
.dotted-background .container3 {
    padding: 40px;
    margin: 0px 100px 0px 100px;
}
.innovations-explore-resources .container4 {
    padding: 0px 100px;
}
.image3 .women-man-gradient {
    transform: translateY(0px);
}
}
@media (min-width:1630px) and (max-width:1730px) {
.main-section10 {
    background-position: 1000px 70px, 1000px 650px, 1000px 1250px;
}
.main-section10 .integration-images{
  padding: 40px 100px 0px 100px;
}
.dotted-background .container3 {
    padding: 40px;
    margin: 0px 130px 0px 130px;
}
.innovations-explore-resources .container4 {
    padding: 0px 150px;
}
.image3 .women-man-gradient {
    transform: translateY(0px);
}
}
@media (min-width:1730px) and (max-width:1920px) {
.main-section10 {
    background-position: 1141px 70px, 1141px 650px, 1141px 1250px;
}
.main-section10 .integration-images{
  padding: 40px 130px 0px 130px;
}
.dotted-background .container3 {
    padding: 60px;
    margin: 0px 170px 0px 170px;
}
.innovations-explore-resources .container4 {
    padding: 0px 190px;
}
.image3 .women-man-gradient {
    transform: translateY(0px);
}
}
@media (min-width:1920px) and (max-width:2100px) {
.main-section10 {
    background-position: 1381px 70px, 1381px 650px, 1381px 1250px;
}
.main-section10 .integration-images{
  padding: 40px 150px 0px 150px;
}
.dotted-background .container3 {
    padding: 60px;
    margin: 0px 220px 0px 220px;
}
.innovations-explore-resources .container4 {
    padding: 0px 290px;
}
.image3 .women-man-gradient {
    transform: translateY(0px);
}
}
@media (min-width:2101px) and (max-width:2300px) {
.main-section10 {
    background-position: 1450px 70px, 1450px 650px, 1450px 1250px;
}
.main-section10 .integration-images{
  padding: 40px 200px 0px 200px;
}
.dotted-background .container3 {
    padding: 60px;
    margin: 0px 280px 0px 280px;
}
.innovations-explore-resources .container4 {
    padding: 0px 380px;
}
.image3 .women-man-gradient {
    transform: translateY(0px);
}
}
@media (min-width:2301px) and (max-width:2520px) {
.main-section10 {
    background-position: 1672px 70px, 1672px 650px, 1672px 1250px;
}
.main-section10 .integration-images{
  padding: 40px 250px 0px 250px;
}
.dotted-background .container3 {
    padding: 60px;
    margin: 0px 380px 0px 380px;
}
.innovations-explore-resources .container4 {
    padding: 0px 450px;
}
.image3 .women-man-gradient {
    transform: translateY(0px);
}
}
@media (min-width:2521px) and (max-width:2720px) {
.main-section10 {
    background-position: 1845px 70px, 1845px 650px, 1845px 1250px;
}
.main-section10 .integration-images{
  padding: 40px 350px 0px 350px;
}
.dotted-background .container3 {
    padding: 60px;
    margin: 0px 500px 0px 500px;
}
.innovations-explore-resources .container4 {
    padding: 0px 600px;
}
.image3 .women-man-gradient {
    transform: translateY(0px);
}
}



.main-map-image-container{
  padding: 160px 135px 40px 135px;
}


@media (min-width:320px) and (max-width:1500px) {
.background-color-background-image{
  height: auto;
  padding-top: 40px;
}
.main-section10 .section10{
  height: auto;
}
  .main-section10 .integration-images{
    height: auto;
  padding: 0px 0px 50px 0px;
}
.innovations-explore-resources .container4{
  padding: 0px 15px;
}
.main-map-image-container{
  padding: 40px 0px 0px 0px;
}
}
@media (min-width:320px) and (max-width:600px) {
  .dotted-background .container3{
  padding: 20px ;
   margin-top: 0px;
   margin: 0px 15px;
}
.innovations-explore-resources .container4{
  padding: 40px 15px 0px 15px;
}
}
@media (min-width:601px) and (max-width:800px) {
.dotted-background .container3{
  padding: 30px ;
   margin-top: 0px;
   margin: 0px 20px;
}
.innovations-explore-resources .container4{
  padding: 40px 15px 0px 20px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.dotted-background .container3{
  padding: 30px ;
  margin: 0px 40px;
} 
.innovations-explore-resources .container4{
  padding: 0px 40px;
} 
.container3-cis-hippa-images .cis-hippa-images img{
  width: 78px;
  height:78px ;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.dotted-background .container3{
  padding:30px;
  margin: 0px 50px;
} 
.innovations-explore-resources .container4{
  padding: 0px 50px;
} 
.container3-cis-hippa-images .cis-hippa-images img{
  width: 130px;
  height:130px ;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.dotted-background .container3{
  padding: 40px;
  margin: 0px 32px;
}  
.innovations-explore-resources .container4{
  padding: 0px 32px;
}
}




.footer-combined-map-image{
  background-image: url('./photos/footer-combined-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.section11 .container5{
  margin: 0px 240px;
  padding-bottom: 100px;
}
.main-section11 .main-footer-section{
  padding: 0px 240px 0px 240px;
}

@media (min-width:320px) and (max-width:1500px) {
.main-section11 .section11{
 padding: 0px 0px;
}
  .section11 .container5{
  margin: 33px 0px;
  padding-bottom: 0px;
}
.main-section11 .main-footer-section{
  padding: 0px 0px;
}
}
@media (min-width:801px) and (max-width:830px) {
 .main-section11 .main-footer-section{
  padding: 45px 0px;
} 
}
@media (min-width:320px) and (max-width:600px) {
.main-section11 .section11{
 padding: 50px 0px 0px 0px;
}}
@media (min-width:601px) and (max-width:800px) {
  .section11 .container5{
  height: auto;
}
.main-section11 .main-footer-section{
  padding: 0px 20px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.main-section11 .section11{
 padding: 80px 0px 0px 0px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.section11 .main-footer-section{
  height: 225px;
}
}


/* homepage2-services section */

.section1-services{
    width: 100%;
    height: auto;
    /* padding: 23px 32px; */
    background-image: url(./photos/bg-nav-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section1-services .main-nav-section{
  padding: 23px 32px;
}

.main-section2 .services-hover-section{
  /* height: 290px;
  background-color: #0E131E;
  border: 1px solid #FFFFFF1A;
  box-shadow: 0 0 10px #FFFFFF1A;
  display: flex;
  align-items: center;
  gap: 140px; */
  padding:0px 50px  0px 32px;
}
.services-hover-section .right-section{
  padding-left: 30px;
}

/* .service-active-up-arrow:after{
  content: '';
    width: 8px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/service-up-arrow.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
} */

/* .services-hover-section{
  display: none;
} */
/* .section1-services .main-section2 .section2 .services-hover-explore-btn{
  margin-bottom: 50px;
} */
.services-hover-section{
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  display:flex;
  padding: 0px 40px;
  opacity: 0;           
  visibility: hidden; 
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease;
}
.active-services:hover .services-hover-section{
  opacity: 1;           
  visibility: visible; 
  transform: translateY(0); 
}
.active-services:hover .service-active-up-arrow:after{
  content: '';
    width: 8px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/service-up-arrow.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}

@media (min-width:601px) and (max-width:2720px) {
.services-hover-section{
    height: auto;
}
} 




/* network-protection-page-starting */
.services-nav-bar{
  width: 100%;
  height: 560px;
  padding: 23px 32px;
}

.parent-container-network-protection-section1{
  padding: 0px 135px;
}
.parent-container-network-protection-section1  .network-protection-section1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 100px;
}
.network-protection-section1 .box1 .secure-network{
  width: 500px;
  font-family: "big-shoulders-black";
  line-height: 107%;
  letter-spacing: -2.9px;
}
.network-protection-section1 .box1 .grc-governance{
  width: 700px;
}
.network-protection-section1 .box1 .world-constant{
  width: 732px;
  height: 48px;
  font-family: "roboto-regular";
  line-height: 24px;
  letter-spacing: 0%;
  padding-top: 22px;
}
.network-protection-section1 .box2 img{
  width: 451px;
  height: 393px;
}

@media (min-width:320px) and (max-width:600px) {
  .section1 .network-protection-section1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 30px 15px 15px 30px;
}
.network-protection-section1 .box1 .secure-network{
  line-height: 131%;
  letter-spacing: 1.1px;
  font-size: 20px;
  text-align: center;
  width: auto;
}
.network-protection-section1 .box1 .world-constant{
  width: auto;
  height: auto;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  padding-top: 22px;
}
.network-protection-section1 .box2 img{
  width: auto;
  height: auto;
  /* max-width: 420px;
  max-height: 350px; */
}
.parent-container-network-protection-section1{
  padding: 0px 0px;
}
}

@media (min-width:601px) and (max-width:800px) {
.section1 .network-protection-section1{
  padding: 50px 20px;
  gap: 30px;
}
.network-protection-section1 .box1 .secure-network{
  width: auto;
  line-height: 107%;
  letter-spacing: 0.1px;
  font-size: 30px;
}
.network-protection-section1 .box1 .world-constant{
  width: auto;
  height: auto;
  font-size: 12px;
}
.network-protection-section1 .box2 img{
  min-width: 300px;
  height: auto;
}  
.parent-container-network-protection-section1{
  padding: 0px 0px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.potection-network-section11{
  height: auto;
}
.section1 .network-protection-section1{
  padding: 50px 40px;
  gap: 20px;
}
.network-protection-section1 .box1 .secure-network{
  width: auto;
  line-height: 107%;
  letter-spacing: -0.9px;
  font-size: 38px;
}
.network-protection-section1 .box1 .world-constant{
  width: auto;
  height: auto;
}
.network-protection-section1 .box2 img{
  min-width: 300px;
  height: auto;
}   
.parent-container-network-protection-section1{
  padding: 0px 0px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.potection-network-section11{
  height: auto;
}
.section1 .network-protection-section1{
  padding: 50px 50px;
  gap: 20px;
}
.network-protection-section1 .box1 .secure-network{
  line-height: 107%;
  letter-spacing: -0.9px;
  font-size:48px;
}
.network-protection-section1 .box1 .world-constant{
  width: auto;
  height: auto;
}
.network-protection-section1 .box2 img{
  min-width: 380px;
  height: auto;
}   
.parent-container-network-protection-section1{
  padding: 0px 0px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.section1 .network-protection-section1{
  padding: 50px 32px;
  gap: 20px;
}
.network-protection-section1 .box1 .world-constant{
  width: auto;
  height: auto;
}
.network-protection-section1 .box2 img{
  min-width: 400px;
  height: auto;
} 
.parent-container-network-protection-section1{
  padding: 0px 0px;
}  
}
/* @media (min-width:1501px) and (max-width:1600px) {
.parent-container-network-protection-section1{
  padding: 0px 245px;
}
} */

/* starting of section2 in protection-network */

.protection-network-section2{
  /* background-image: url('./photos/services-bg-2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; */
   padding-top: 140px;
}
.protection-network-section2 .image-why-choose-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.image-why-choose-section .why-choose-cyber-clix{
  font-family: "big-shoulders-black";
  line-height: 64px;
  letter-spacing:-0.48px;
  padding-top: 28px;
}
.protection-network-section2 .comprehensive-cards-section{
  padding-top: 50px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.comprehensive-cards-section .network-protection-service-page img{
  height: 61px;
  width: 61px;
}

@media (min-width:320px) and (max-width:600px) {
.protection-network-section2{
   padding-top: 70px;
}
.image-why-choose-section .why-choose-cyber-clix{
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.protection-network-section2 .comprehensive-cards-section{
  /* padding-top: 50px; */
  margin:0px 15px;
  /* display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px; */
}
.comprehensive-cards-section .network-protection-service-page img{
  height: 30px;
  width: 30px;
}
}
@media (min-width:601px) and (max-width:800px) {
  .protection-network-section2{
   padding-top: 60px;
}
.image-why-choose-section{
  padding: 0px 20px;
}
.image-why-choose-section .why-choose-cyber-clix{
  font-size: 30px;
  line-height: 39px;
  text-align: center;
}
.comprehensive-cards-section .network-protection-service-page img{
  height: 40px;
  width: 40px;
}
}
@media (min-width:801px) and (max-width:1000px) {
  .protection-network-section2{
   padding-top: 80px;
}
.image-why-choose-section{
  padding: 0px 20px;
}
.image-why-choose-section .why-choose-cyber-clix{
  font-size: 30px;
  line-height: 45px;
  text-align: center;
}
.comprehensive-cards-section .network-protection-service-page img{
  height: 50px;
  width: 50px;
}
.protection-network-section2 .comprehensive-cards-section{
  margin:0px 40px;
}
}
@media (min-width:801px) and (max-width:1000px) {
  .comprehensive-cards-section .network-protection-service-page img{
  height: 55px;
  width: 55px;
}
.protection-network-section2 .comprehensive-cards-section{
  margin:0px 50px;
}
}

@media (min-width:1001px) and (max-width:1500px) {
.protection-network-section2{
   padding-top: 70px;
}
.image-why-choose-section .why-choose-cyber-clix{
  font-size: 40px;
}
}
@media (min-width:1420px) and (max-width:1500px) {
.protection-network-section2 .comprehensive-cards-section{
  margin:0px 32px;
}
}


/* starting of section3 services*/
.service-section-background3 .main-section9 .secrvices-page-customers-trust{
  padding: 0px 135px;
}
.protection-network-section3 .protection-section3-imag-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
}
.protection-section3-imag-content .case-study,.protection-section3-imag-content .started-in-london{
  font-family: "space-grotesk-medium";
  line-height: 24px;
  letter-spacing:0.16px ;
  padding-top: 34px;
}
.protection-section3-imag-content .take-a-look{
  width:633px ;
  height:128px ;
  font-family: "big-shoulders-black";
  line-height:64px ;
  letter-spacing:-0.48px ;
  text-align: center;
  padding-top: 24px;
}
.protection-network-section3 .case-study-pages{
  padding-top: 50px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.protection-network-section3 .dollar-million-in-service-section{
  margin: 120px 135px;
}
.dollar-million-in-service-section .dollar-million-background-color{
  height: 250px;
  background: linear-gradient(to right, #142030, #121d2d, #101b2b, #0e1828, #0c1526);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 35px 75px;
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
}
.million-services-page-1 .dollar-millions,.million-services-page-2 .dollar-millions,.million-services-page-3 .dollar-millions{
  font-family: "big-shoulders-black";
  line-height: 100%;
  letter-spacing: -0.9px;
  text-transform: uppercase;
}
.million-services-page-1 .dollar-millions-paragraph,.million-services-page-2 .dollar-millions-paragraph,.million-services-page-3 .dollar-millions-paragraph{
  width: 210px ;
  height: 48px;
  font-family: "roboto-regular";
  line-height: 24px;    
  padding-top: 9px;
}
.design-explore .p11{
  padding-top: 40px;
}
.services-page-section11-main .section11 .container5 .services-section-smarter-network{
  margin-top: 90px;
}

@media (min-width:320px) and (max-width:600px) {
.protection-network-section3{
  margin: 0px 15px;
}
.protection-network-section3 .protection-section3-imag-content{
  padding-top: 80px;
}
.protection-section3-imag-content .case-study,.protection-section3-imag-content .started-in-london{
  font-size: 12px;
  line-height: 24px;
  padding-top: 15px;
  text-align: center;
}
.protection-section3-imag-content .take-a-look{
  width:auto ;
  height:auto ;
  text-align: center;
  font-size: 20px;
  line-height:30px ;
  padding-top: 14px;
}
.protection-network-section3 .case-study-pages{
  padding-top: 40px;
}
.protection-network-section3 .dollar-million-in-service-section{
  margin: 50px 0px;
}
.dollar-million-in-service-section .dollar-million-background-color{
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  /* padding: 35px 75px; */
}
.dollar-million-background-color .million-services-page-1,.dollar-million-background-color .million-services-page-2,.dollar-million-background-color .million-services-page-3{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.million-services-page-1 .dollar-millions,.million-services-page-2 .dollar-millions,.million-services-page-3 .dollar-millions{
  font-size: 40px;
}
.million-services-page-1 .dollar-millions-paragraph,.million-services-page-2 .dollar-millions-paragraph,.million-services-page-3 .dollar-millions-paragraph{
  line-height: 24px;    
  padding-top: 9px;
  font-size: 14px;
  text-align: center;
  width: auto;
  height: auto;
}
.dollar-million-background-color .line-image-in-services{
  display: none;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust{
  padding: 0px 0px;
  margin: 0px 15px;
}

}

@media (min-width:601px) and (max-width:800px) {
.protection-network-section3{
  margin: 0px 20px;
}
.protection-network-section3 .protection-section3-imag-content{
  padding-top: 100px;
}
.protection-section3-imag-content .case-study,.protection-section3-imag-content .started-in-london{
  font-size: 14px;
  line-height: 24px;
  padding-top: 15px;
  text-align: center;
}
.protection-section3-imag-content .take-a-look{
  width:auto ;
  height:auto ;
  text-align: center;
  font-size: 30px;
  line-height:35px ;
  padding-top: 14px;
}
.protection-network-section3 .dollar-million-in-service-section{
  margin: 50px 0px;
}
.dollar-million-in-service-section .dollar-million-background-color{
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:40px;
  gap: 30px;
}
.dollar-million-background-color .million-services-page-1,.dollar-million-background-color .million-services-page-2,.dollar-million-background-color .million-services-page-3{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.million-services-page-1 .dollar-millions,.million-services-page-2 .dollar-millions,.million-services-page-3 .dollar-millions{
  font-size: 30px;
}
.million-services-page-1 .dollar-millions-paragraph,.million-services-page-2 .dollar-millions-paragraph,.million-services-page-3 .dollar-millions-paragraph{
  width: auto ;
  height: auto;
  font-size: 14px;
  line-height: 24px;    
  padding-top: 9px;
  text-align: center;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust{
  padding: 0px 0px;
  margin: 0px 20px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.protection-network-section3{
  margin: 0px 40px;
}
.protection-network-section3 .protection-section3-imag-content{
  padding-top: 110px;
}
.protection-section3-imag-content .case-study,.protection-section3-imag-content .started-in-london{
  font-size: 14px;
  line-height: 24px;
  padding-top: 15px;
  text-align: center;
}
.protection-section3-imag-content .take-a-look{
  width:auto ;
  height:auto ;
  text-align: center;
  font-size: 30px;
  line-height:35px ;
  padding-top: 14px;
}
.protection-network-section3 .dollar-million-in-service-section{
  margin: 70px 0px;
}
.dollar-million-in-service-section .dollar-million-background-color{
  padding: 35px 20px;
  gap: 30px;
}
.million-services-page-1 .dollar-millions,.million-services-page-2 .dollar-millions,.million-services-page-3 .dollar-millions{
  font-size: 60px;
}
.million-services-page-1 .dollar-millions-paragraph,.million-services-page-2 .dollar-millions-paragraph,.million-services-page-3 .dollar-millions-paragraph{
  width: auto ;
  height:auto;
  font-size: 14px;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust{
  padding: 0px 0px;
  margin: 0px 40px;
}
.services-page-section11-main .section11 .container5{
  height: 608px;
}
}


@media (min-width:1001px) and (max-width:1300px) {
.protection-network-section3 .dollar-million-in-service-section{
  margin: 90px 50px;
}
.dollar-million-in-service-section .dollar-million-background-color{
  padding: 35px 50px;
  gap: 30px;
}
.million-services-page-1 .dollar-millions,.million-services-page-2 .dollar-millions,.million-services-page-3 .dollar-millions{
  font-size: 70px;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust{
  padding: 0px 0px;
  margin: 0px 50px;
}
.container2 .changing-in-services-section{
  width: 450px;
}
.changing-in-services-section .benefits{
  width: auto;
  font-size: 20px;
}
.container2 .Dharmarajan{
 margin-top: 20px;
}
}
@media (min-width:601px) and (max-width:640px) {
  .service-section-background3 .services-page-section11-main{
 padding: 100px 0px 0px 0px;
}
}
@media (min-width:1001px) and (max-width:1500px) {
.service-section-background3 .services-page-section11-main{
 padding: 100px 0px 50px 0px;
}
}
/* @media (min-width:1001px) and (max-width:1500px) {
.case-study-pages .removing-case-study{
 display: none;
}
} */
@media (min-width:1301px) and (max-width:1500px) {
.protection-network-section3 .case-study-pages{
  margin: 0px 32px;
} 
.protection-network-section3 .dollar-million-in-service-section{
  margin: 120px 32px;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust{
  padding: 0px 20px;
  margin: 0px 32px;
}
}


.service-section-background3 {
  background-image: url('./photos/services-bg-3.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.service-section-background3 .main-section9{
  padding-top: 30px;
  background-image: unset;
}




/* starting of about-us page */

.about-us-section1{
  height: 80px;
  background-color: #0E131E;
  padding: 20px 32px;
}
.main-section-in-about-page {
  background-image: url('./photos/about-us-bg-image.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main-section-in-about-page .about-us-section2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about-us-section2 .about-us{
  font-family: "roboto-regular";
  line-height: 24px;
  padding-top: 89px;
}
.about-us-section2 .protecting-from-danger{
   width: 1280px;
   height: 200px;
   font-family: "big-shoulders-black";
   text-transform: uppercase;
   text-align: center;
   padding-top: 26px;
}

/* -------------- */
.main-section-in-about-page .girl-image-content-in-about-us-page{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 45px;
}
.girl-image-content-in-about-us-page img{
  padding: 50px 130px 0px 130px;
}
.girl-image-content-in-about-us-page .lorem-simply-dummy{
  font-family: "space-grotesk-medium";
  line-height: 28px;
  text-align: center;
  padding: 0px 130px;
}
.girl-image-content-in-about-us-page .about-us-read-more{
  width: 169px;
  height: 49px;
  border-radius: 1600px;
  background-color: #181F2E;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "space-grotesk-bold";
  line-height: 14px;
  letter-spacing: 0.08px;
  color: #FFFFFF;
}
.girl-image-content-in-about-us-page .about-us-read-more:hover{
  cursor: pointer;
  background-color: hwb(222 9% 82% / 0.829);
}
.girl-image-content-in-about-us-page .about-us-read-more::after{
    content: '';
    width: 11px;
    height: 7px;
    display: inline-block;
     background-image: url('./photos/arrow-down.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}
/* ----------------- */
.main-section-in-about-page .about-us-section3{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 52px;
   padding:90px 0px 180px 0px ;
}
.about-us-section3 .section3-container-in-abou-us{
  width: 1440px;
  height: 604px;
  border-radius: 12px;
  background-color: #141B2A80;
  box-shadow: 0 1px 3px 1px #6D6D9C4D;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.section3-container-in-abou-us img{
  width: 583px;
  height: 564px;
  border-radius: 8px;
}
.section3-container-in-abou-us .section3-content-in-about-us{
  width: 729px;
}
.section3-content-in-about-us .our-mission{
  font-family: "big-shoulders-black";
  line-height: 64px;
  letter-spacing:-0.48px;
  text-transform: uppercase;
}
.section3-content-in-about-us .empower-bussiness{
  font-family: "space-grotesk-bold";
  line-height: 28px;
  padding-top: 20px;
}
.section3-content-in-about-us .lorem-five-countries{
  width: 641px;
  height: 288px;
  font-family: "space-grotesk-medium";
  line-height: 24px;
  letter-spacing:0.16px ;
  padding-top: 20px;
}
.about-us-section3 .displaying-in-mobile{
  display: none;
}
/* ------------------------------------- */

.section4-in-about-us-section .our-team-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.our-team-content .our-team {
   font-family: "space-grotesk-medium";
   line-height: 24px;
   letter-spacing: 0.16px;
   padding-top: 30px;
}
.our-team-content .look-our-team{
  font-family: "big-shoulders-black";
  line-height:64px ;
  letter-spacing:-0.48px ;
  text-transform: uppercase;
  padding-top: 24px;
}
.our-team-content .started-company {
   font-family: "space-grotesk-medium";
   line-height: 24px;
   letter-spacing: 0.16px;
   padding-top: 24px;
}

/* ------------------------------- */
.section4-in-about-us-section .our-team-images{
  display: flex;
  gap: 24px;
  padding: 50px 135px;
}
.section4-in-about-us-section .section-dots-in-about-us{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ------------------------------- */
.main-section-in-about-page .about-us-section5{
   padding: 0px 135px 120px 135px;
}
.about-us-section5 .our-office-heading{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 0px 65px 0px;
}
.our-office-heading .our-office{
font-family: "big-shoulders-black";
  line-height:64px ;
  letter-spacing:-0.48px ;
  text-transform: uppercase;
  padding-top: 28px;
}
.our-office-heading  .Company-london{
   font-family: "space-grotesk-medium";
   line-height: 24px;
   letter-spacing: 0.16px;
   padding-top: 24px;
}
/* --------------------- */
.about-us-section5 .our-office-address{
  width: 600px;
  height: 233px;
  background: linear-gradient(to right, #142030, #121d2d, #101b2b, #0e1828, #0c1526);
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 80px;
}
.our-office-address .image-sections-location{
  display: flex;
  gap: 34px;
  justify-content: center;
  align-items: center;
}
.image-sections-location .Hyderabad-boston-container .hyderabad-boston-name{
  font-family: "big-shoulders-black";
  font-size: 40px;
  line-height: 60px;
  letter-spacing:-0.9px;
}
.hyderabad-name img{
  width: 120px;
  height: 33px;
  display: inline;
  vertical-align: middle;
}
.image-sections-location .Hyderabad-boston-container{
  padding: 40px 40px 40px 0px;
}
.Hyderabad-boston-container .full-address1{
  width: 252px;
  height:48px ;
}
.Hyderabad-boston-container .full-address2{
  width: 227px;
  height:48px ;
}
.Hyderabad-boston-container .full-address1,.Hyderabad-boston-container .full-address2{
  font-family: "roboto-medium";
  line-height: 24px;
  padding-top: 13px;
}
/* ---------------------------- */
.main-section-in-about-page .about-us-section6{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 135px 150px 135px;
}
.main-section-in-about-page .secure-network{
  width: 651px;
  height: 128px;
  font-family: "big-shoulders-black";
  line-height: 64px;
  text-transform: uppercase;
}
.main-section-in-about-page  .leave-bussiness{
  width: 750px;
  height: 136px;
  font-family: "space-grotesk-bold";
  font-size: 22px;
  line-height: 34px;
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 25px;
}
.about-us-section6 .book-a-call-about-us{
  margin-top: 40px;
  font-family: "space-grotesk-bold";
}
/* ------------------- */
.main-section-in-about-page  .about-us-footer-section{
  padding: 0px 135px;
}



@media (min-width:320px) and (max-width:600px) {
.about-us-section1{
  padding: 0px 0px;
}
.main-section-in-about-page .about-us-section2{
  padding: 0px 15px;
}
.about-us-section2 .about-us{
  padding-top: 50px;
}
.about-us-section2 .protecting-from-danger{
   width: auto;
   height: auto;
   font-size: 20px;
   padding-top: 20px;
   line-height: 30px;
}  
/* ----------------- */
.main-section-in-about-page .girl-image-content-in-about-us-page{
  gap: 25px;
}
.girl-image-content-in-about-us-page img{
  padding: 50px 15px 0px 15px;
}
.girl-image-content-in-about-us-page .lorem-simply-dummy{
  font-size: 12px;
  padding: 0px 15px;
  text-align: left;
}
.girl-image-content-in-about-us-page .about-us-read-more{
  width: 140px;
  height: 49px;
  font-size: 12px;
}
/* --------------------------------- */
.main-section-in-about-page .about-us-section3{
   padding:50px 15px ;
}
.about-us-section3 .section3-container-in-abou-us{
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.section3-container-in-abou-us img{
  width: auto;
  height: auto;
}
.section3-container-in-abou-us .section3-content-in-about-us{
  width:auto;
  padding: 0px 15px 30px 15px;
}
.section3-content-in-about-us .our-mission{
  font-size: 20px;
  line-height: 30px;
}
.section3-content-in-about-us .empower-bussiness{
  font-size: 12px;
  line-height: 28px;
  padding-top: 20px;
}
.section3-content-in-about-us .lorem-five-countries{
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 24px;
  padding-top: 20px;
}
.about-us-section3 .not-displaying-in-mobile{
  display: none;
}
/* -------------------------------- */
.section4-in-about-us-section .our-team-content{
 padding: 0px 15px;
}
.our-team-content .our-team {
   font-size: 12px;
   padding-top: 20px;
}
.our-team-content .look-our-team{
  font-size: 20px;
  line-height:30px ;
  padding-top: 15px;
  text-align: center;
}
.our-team-content .started-company {
   font-size: 12px;
   padding-top: 15px;
   text-align: center;
}
/* ---------------------------------- */
.section4-in-about-us-section .our-team-images{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 50px 15px;
}
.section4-in-about-us-section .section-dots-in-about-us{
  display: none
}
/* ---------------------------- */
.main-section-in-about-page .about-us-section5{
   padding: 0px 0px 80px 0px;
}
.about-us-section5 .our-office-heading{
  padding: 20px 15px ;
}
.our-office-heading .our-office{
  font-size: 20px;
  line-height:30px ;
  letter-spacing:0.9px ;
  text-transform: uppercase;
  padding-top: 20px;
}
.our-office-heading  .Company-london{
   font-size: 12px;
   padding-top: 20px;
   text-align: center;
}
/* -------------- */
.about-us-section5 .our-office-address{
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin: 0px 15px;
  padding-bottom: 50px;
}
.our-office-address .image-sections-location{
  display: flex;
  flex-direction: column;
  gap: 34px;
  justify-content: center;
  align-items: center;
}
.image-sections-location .Hyderabad-boston-container{
  padding: 20px ;
}
.image-sections-location .Hyderabad-boston-container .hyderabad-boston-name{
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.hyderabad-name img{
  width: 80px;
  height: 23px;
  display: inline;
  vertical-align: middle;
}
.Hyderabad-boston-container .full-address1{
  width: auto;
  height:auto ;
}
.Hyderabad-boston-container .full-address2{
  width: auto;
  height:auto ;
}
.Hyderabad-boston-container .full-address1,.Hyderabad-boston-container .full-address2{
  font-size: 12px;
  line-height: 24px;
  padding-top: 10px;
  text-align: center;
}

.our-office-address .loctaion-middle-line{
  display: none;
}
/* ---------------------------------- */
.main-section-in-about-page .about-us-section6{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 15px 50px 15px;
}
.main-section-in-about-page .secure-network{
  width: auto;
  height: auto;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.main-section-in-about-page  .leave-bussiness{
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 30px;
  padding-top: 10px;
}
.about-us-section6 .book-a-call-about-us{
  margin-top: 20px;
}
/* ------------------- */
.main-section-in-about-page  .about-us-footer-section{
  padding: 0px 15px;
}
.footer-section-row4 .legal-terms-privacy p{
  font-size: 12px;
}
}




@media (min-width:601px) and (max-width:800px) {
.about-us-section1{
  padding: 0px 0px;
}
.main-section-in-about-page .about-us-section2{
  padding: 0px 20px;
}
.about-us-section2 .about-us{
  padding-top: 30px;
}
.about-us-section2 .protecting-from-danger{
   width: auto;
   height: auto;
   font-size: 30px;
   padding-top: 20px;
   line-height: 35px;
}
/* ----------------  */
.main-section-in-about-page .girl-image-content-in-about-us-page{
  gap: 30px;
}
.girl-image-content-in-about-us-page img{
  padding: 50px 20px 0px 20px;
}
.girl-image-content-in-about-us-page .lorem-simply-dummy{
  font-size: 14px;
  padding: 0px 20px;
}
.girl-image-content-in-about-us-page .about-us-read-more{
  width: 140px;
  height: 49px;
  font-size: 12px;
}
/* -------------------------------- */
.main-section-in-about-page .about-us-section3{
   padding:50px 20px ;
}
.about-us-section3 .section3-container-in-abou-us{
  width: 583px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.section3-container-in-abou-us img{
  width: auto;
  height: auto;
}
.section3-container-in-abou-us .section3-content-in-about-us{
  width: auto;
  padding: 0px 20px 40px 20px;
}
.section3-content-in-about-us .our-mission{
  font-size: 30px;
  line-height: 40px;
}
.section3-content-in-about-us .empower-bussiness{
  font-size: 14px;
  padding-top: 20px;
}
.section3-content-in-about-us .lorem-five-countries{
  width: auto;
  height: auto;
  font-size: 14px;
  padding-top: 20px;
}
.about-us-section3 .not-displaying-in-mobile{
  display: none;
}
/* -------------------------------- */
.section4-in-about-us-section .our-team-content{
 padding: 0px 20px;
}
.our-team-content .our-team {
   padding-top: 20px;
}
.our-team-content .look-our-team{
  font-size: 30px;
  line-height:30px ;
  padding-top: 15px;
  text-align: center;
}
.our-team-content .started-company {
   font-size: 14px;
   padding-top: 15px;
   text-align: center;
}
/* ------------------------------- */
.section4-in-about-us-section .our-team-images{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 50px 20px;
}
.section4-in-about-us-section .section-dots-in-about-us{
  display: none
}
/* ---------------------------- */
.main-section-in-about-page .about-us-section5{
   padding: 0px 0px 80px 0px;
}
.about-us-section5 .our-office-heading{
  padding: 40px 20px 30px 20px;
}
.our-office-heading .our-office{
  font-size: 30px;
  line-height:30px ;
  padding-top: 20px;
}
.our-office-heading  .Company-london{
   font-size: 14px;
   padding-top: 20px;
   text-align: center;
}
/* ----------------------------- */
.about-us-section5 .our-office-address{
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0px;
  padding: 30px 20px;
  margin: 0px 20px;
}
.image-sections-location .Hyderabad-boston-container .hyderabad-boston-name{
  font-size: 30px;
  line-height: 40px;
}
.hyderabad-name img{
  width: 80px;
  height: 23px;
  display: inline;
  vertical-align: middle;
}
.Hyderabad-boston-container .full-address1,.Hyderabad-boston-container .full-address2{
  font-size: 14px;
}
.our-office-address .loctaion-middle-line{
  display: none;
}
/* =----------------------- */
.main-section-in-about-page .about-us-section6{
  padding: 0px 20px 0px 20px;
}
.main-section-in-about-page .secure-network{
  width: auto;
  height: auto;
  font-size: 30px;
  line-height: 30px;
}
.main-section-in-about-page  .leave-bussiness{
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 30px;
  padding-top: 20px;
}
.about-us-section6 .book-a-call-about-us{
  margin-top: 30px;
}
.about-us-section6 .key-image img{
  min-width: 300px;
}
/* ------------------- */
.main-section-in-about-page  .about-us-footer-section{
  padding: 0px 20px;
}
.footer-section-row4 .legal-terms-privacy p{
  font-size: 12px;
}
}





@media (min-width:801px) and (max-width:1000px) {
.about-us-section1{
  padding: 0px 0px;
}
.main-section-in-about-page .about-us-section2{
  padding: 0px 40px;
}
.about-us-section2 .about-us{
  padding-top: 30px;
}
.about-us-section2 .protecting-from-danger{
   width: auto;
   height: auto;
   font-size: 40px;
   padding-top: 30px;
   line-height: 50px;
}  
/* ------------ */
.main-section-in-about-page .girl-image-content-in-about-us-page{
  gap: 25px;
}
.girl-image-content-in-about-us-page img{
  padding: 50px 40px 0px 40px;
}
.girl-image-content-in-about-us-page .lorem-simply-dummy{
  padding: 0px 40px;
}
/* ----------------------------- */
.main-section-in-about-page .about-us-section3{
   padding:80px 40px 50px 40px ;
}
.about-us-section3 .section3-container-in-abou-us{
  width: auto;
  height: auto;
  gap: 30px;
}
.section3-container-in-abou-us img{
  width: auto;
  height: auto;
}
.section3-container-in-abou-us .section3-content-in-about-us {
  width: 420px;
  padding: 20px 10px 20px 0px;
}
.about-us-section3 .not-displaying-in-mobile{
  padding: 0px 0px 0px 10px;
}
.section3-content-in-about-us .our-mission{
  font-size: 40px;
  line-height: 64px;
}
.section3-content-in-about-us .empower-bussiness{
  font-size: 14px;
  padding-top: 20px;
  text-align: justify;
}
.section3-content-in-about-us .lorem-five-countries{
  width: auto;
  height: auto;
  font-size: 14px;
  padding-top: 20px;
  text-align: justify;
}
.about-us-section3 .displaying-in-mobile{
  display: none;
}
/* -------------------------------- */
.section4-in-about-us-section .our-team-content{
 padding: 0px 40px;
}
.our-team-content .our-team {
   padding-top: 20px;
}
.our-team-content .look-our-team{
  font-size: 40px;
  line-height:30px ;
  text-align: center;
}
.our-team-content .started-company {
   font-size: 14px;
   text-align: center;
}
/* ------------------------------- */
.section4-in-about-us-section .our-team-images{
  display: flex;
  gap: 24px;
  padding: 50px 0px;
  overflow-x: scroll;
  margin: 0px 40px;
}
/* ---------------------------- */
.main-section-in-about-page .about-us-section5{
   padding: 0px 0px 90px 0px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.about-us-section5 .our-office-heading{
  padding: 90px 40px 30px 40px;
}
.our-office-heading .our-office{
  font-size: 40px;
  line-height:40px ;
}
.our-office-heading  .Company-london{
   font-size: 15px;
   text-align: center;
}
/* ----------------------------- */
.about-us-section5 .our-office-address{
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 40px 30px;
  margin: 0px 40px;
}
.our-office-address .image-sections-location{
  gap: 60px;
}
.image-sections-location .Hyderabad-boston-container .hyderabad-boston-name{
  font-size: 35px;
  line-height: 40px;
}
.hyderabad-name img{
  width: 90px;
  height: 27px;
}
.Hyderabad-boston-container .full-address1,.Hyderabad-boston-container .full-address2{
  font-size: 15px;
}
.our-office-address .loctaion-middle-line{
  display: none;
}
/* =----------------------- */
.main-section-in-about-page .about-us-section6{
  padding: 0px 40px 0px 40px;
}
.main-section-in-about-page .secure-network{
  width: auto;
  height: auto;
  font-size: 30px;
  line-height: 30px;
}
.main-section-in-about-page  .leave-bussiness{
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 30px;
  padding-top: 20px;
}
.about-us-section6 .book-a-call-about-us{
  margin-top: 30px;
}
.about-us-section6 .key-image img{
  min-width: 350px;
}
/* ------------------- */
.main-section-in-about-page  .about-us-footer-section{
  padding: 0px 40px;
}
.footer-section-row4 .legal-terms-privacy p{
  font-size: 14px;
}
.about-us-footer-section .footer-section{
  padding: 0px 0px;
}
}


@media (min-width:1001px) and (max-width:1300px) {
.about-us-section1{
  padding: 0px 0px;
}
.main-section-in-about-page .about-us-section2{
  padding: 0px 50px;
}
.about-us-section2 .about-us{
  padding-top: 50px;
}
.about-us-section2 .protecting-from-danger{
   width: auto;
   height: auto;
   font-size: 45px;
   padding-top: 60px;
   line-height: 50px;
}  
/* ------------ */
.girl-image-content-in-about-us-page img{
  padding: 50px 50px 0px 50px;
}
.girl-image-content-in-about-us-page .lorem-simply-dummy{
  padding: 0px 50px;
}
/* ------------------------------ */
.main-section-in-about-page .about-us-section3{
   padding:70px 50px 100px 50px ;
}
.about-us-section3 .section3-container-in-abou-us{
  width: auto;
  height: auto;
  gap: 40px;
}
.section3-container-in-abou-us img{
  width: auto;
  height: auto;
}
.section3-container-in-abou-us .section3-content-in-about-us{
  width: 600px;
  padding: 20px ;
}
.section3-content-in-about-us .our-mission{
  font-size: 45px;
  line-height: 64px;
}
.section3-content-in-about-us .empower-bussiness{
  font-size: 16px;
  padding-top: 20px;
}
.section3-content-in-about-us .lorem-five-countries{
  width: auto;
  height: auto;
  font-size: 14px;
  padding-top: 20px;
}
.about-us-section3 .displaying-in-mobile{
  display: none;
}
/* ------------------------------- */
.section4-in-about-us-section .our-team-images{
  display: flex;
  gap: 24px;
  padding: 50px;
}
/* ------------------------------- */
.main-section-in-about-page .about-us-section5{
   padding: 0px 0px 100px 0px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.section4-in-about-us-section .our-team-images{
  display: flex;
  gap: 24px;
  padding: 50px 0px;
  overflow-x: scroll;
  margin: 0px 50px;
}
/* ---------------------------- */
.about-us-section5 .our-office-address{
  /* width:auto; */
  gap: 20px;
  margin: 0px 50px;
  padding: 15px;
}
.our-office-address .image-sections-location{
  gap: 20px;
}
.image-sections-location .Hyderabad-boston-container .hyderabad-boston-name{
  font-size: 35px;
  line-height: 40px;
}
.hyderabad-name img{
  width: 70px;
  height: 20px;
  display: inline;
  vertical-align: middle;
}
.Hyderabad-boston-container .full-address1,.Hyderabad-boston-container .full-address2{
  font-size: 14px;
}
/* =----------------------- */
.main-section-in-about-page .about-us-section6{
  padding: 0px 50px 0px 50px;
}
.main-section-in-about-page .secure-network{
  width: auto;
  height: auto;
 
}
.main-section-in-about-page  .leave-bussiness{
  width: auto;
  height: auto;
}
.about-us-section6 .book-a-call-about-us{
  margin-top: 30px;
}
.about-us-section6 .key-image img{
  min-width: 450px;
}
/* ------------------- */
.main-section-in-about-page  .about-us-footer-section{
  padding: 0px 50px;
}
/* .footer-section-row4 .legal-terms-privacy p{
  font-size: 14px;
} */
.about-us-footer-section .footer-section{
  padding: 0px 0px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.main-section-in-about-page  .about-us-footer-section{
  padding: 0px 50px 50px 50px;
}
}
@media (min-width:1301px) and (max-width:1400px) {
 .section4-in-about-us-section .our-team-images{
  display: flex;
  gap: 24px;
  padding: 50px 0px;
  overflow-x: scroll;
  margin: 0px 32px;
} 
}
@media (min-width:1301px) and (max-width:1500px) {
.about-us-section1{
  padding: 0px 0px;
}
.main-section-in-about-page .about-us-section2{
  padding: 0px 32px;
}
.about-us-section2 .protecting-from-danger{
   width: auto;
   height: auto;
   font-size: 65px;
   line-height: 80px;
}  
/* --------------------------- */
.main-section-in-about-page .about-us-section3{
   padding:90px 32px 180px 32px ;
}
.about-us-section3 .section3-container-in-abou-us{
  width: auto;
  height: auto;
  gap: 20px;
}
.section3-container-in-abou-us img{
  width: auto;
  height: auto;
}
.section3-container-in-abou-us .section3-content-in-about-us{
  width: 680px;
  padding: 20px;
}
.section3-content-in-about-us .empower-bussiness{
  font-size: 18px;
}
.section3-content-in-about-us .lorem-five-countries{
  width: auto;
  height: auto;
  font-size: 15px;
}
.about-us-section3 .displaying-in-mobile{
  display: none;
}
/* ------------------------------- */
.main-section-in-about-page .about-us-section5{
   padding: 0px 0px 110px 0px;
   display: flex;
  flex-direction: column;justify-content: center;
  align-items: center;
}
.section4-in-about-us-section .our-team-images{
  display: flex;
  justify-content: center;
  gap: 24px;
  padding: 50px 32px;
}
/* --------------------- */
.about-us-section5 .our-office-address{
  /* width:auto; */
  gap: 30px;
  margin: 0px 32px;
  padding: 20px;
}
.our-office-address .image-sections-location{
  gap: 30px;
}
.hyderabad-name img{
  width: 70px;
  height: 20px;
  display: inline;
  vertical-align: middle;
}
/* =----------------------- */
.main-section-in-about-page .about-us-section6{
  padding: 0px 32px 0px 32px;
}
.main-section-in-about-page .secure-network{
  width: auto;
  height: auto;
}
.main-section-in-about-page  .leave-bussiness{
  width: auto;
  height: auto;
}
.about-us-section6 .key-image img{
  min-width: 568px;
}
/* ------------------- */
.main-section-in-about-page  .about-us-footer-section{
  padding: 0px 32px;
}
.about-us-footer-section .footer-section{
  padding: 0px 0px;
}
}

@media (min-width:1501px) and (max-width:2720px) {
  
.main-section-in-about-page .about-us-section6{
  padding: 0px 135px 0px 135px;
}
.main-section-in-about-page .about-us-section5{
   display: flex;
  flex-direction: column;justify-content: center;
  align-items: center;
}
}


/* starting of resources page */
.main-resources-section{
  background-image: url('./photos/resources-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main-resources-section  .section1-resorces{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 90px;
}
.section1-resorces .blog-name{
  font-family: "roboto-regular";
  line-height: 24px;
}
.section1-resorces .cyber-blog{
  font-family: "big-shoulders-black";
  line-height: 100%;
  letter-spacing:-0.9px;
  text-transform: uppercase;
  padding-top: 26px;
}
/* ------------------------------- */
.main-resources-section .resources-cards-section {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  align-items: center;
  padding: 50px 0px;
}
.card-content .removingred-arrow{
  display: none;
}
.resources-cards-section .hoving-blog-container:hover{
  border: 1px solid #FF3535;
  cursor: pointer;
}
.resources-cards-section .hoving-blog-container:hover > .card-content > .changing-image-on-hover{
  display: none;
}
.resources-cards-section .hoving-blog-container:hover > .card-content > .removingred-arrow{
  display: block;
}
.main-resources-section .load-more-btn{
  width: 168px;
  height: 48px;
  border-radius: 1600px;
  background-color: #181F2E;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto 200px;
  cursor: pointer;
}
.main-resources-section .load-more-btn:hover{
  background-color: hwb(222 9% 82% / 0.804);
  cursor: pointer;
}
.main-resources-section .load-more-btn p{
  font-family: "space-grotesk-bold";
  font-size: 16px;
  line-height: 14px;
  letter-spacing:0.08px ;
  color: #FFFFFF;
}
.main-resources-section .load-more-btn::after{
  content: '';
    width: 8px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/arrow-down.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}
.main-resources-section .footer-section-in-resources{
  padding: 0px 135px;
}
.main-resources-section .load-more-btn{
  margin: 0px auto 40px;
}

@media (min-width:320px) and (max-width:600px) {
.main-resources-section  .section1-resorces{
 padding-top: 40px;
}
.section1-resorces .blog-name{
  font-size: 14px;
}
.section1-resorces .cyber-blog{
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.9px;
  padding-top: 15px;
} 
/* ------------------------------- */
.main-resources-section .resources-cards-section {
  padding: 50px 0px;
  margin: 0px 15px;
}
.main-resources-section .load-more-btn{
  margin: 0px auto 50px;
}
.main-resources-section .footer-section-in-resources{
  padding: 0px 15px;
}

}


@media (min-width:601px) and (max-width:800px) {
.main-resources-section  .section1-resorces{
 padding-top: 60px;
}
.section1-resorces .cyber-blog{
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.9px;
  padding-top: 25px;
} 
/* ------------------------------- */
.main-resources-section .resources-cards-section {
  padding: 50px 0px;
  margin: 0px 20px;
}
.main-resources-section .load-more-btn{
  margin: 0px auto 20px;
}
.main-resources-section .footer-section-in-resources{
  padding: 0px 20px;
}
}

@media (min-width:601px) and (max-width:1500px) {
.footer-section-in-resources .resources-footer{
  padding: 0px 0px;
}
}
@media (min-width:1001px) and (max-width:1084px) {
.footer-section-in-resources .resources-footer{
  margin-bottom: 50px;
}
}


@media (min-width:801px) and (max-width:1000px) {
.main-resources-section  .section1-resorces{
 padding-top: 60px;
}
.section1-resorces .cyber-blog{
  font-size: 50px;
  text-align: center;
  letter-spacing: 0.9px;
  padding-top: 25px;
}
/* ------------------------------- */
.main-resources-section .resources-cards-section {
  padding: 50px 0px;
  margin: 0px 40px;
} 
.main-resources-section .load-more-btn{
  margin: 0px auto 30px;
}
.main-resources-section .footer-section-in-resources{
  padding: 0px 40px;
}
}


@media (min-width:1001px) and (max-width:1300px) {
.main-resources-section  .section1-resorces{
 padding-top: 80px;
}
.section1-resorces .cyber-blog{
  font-size: 60px;
  text-align: center;
  letter-spacing: 0.9px;
  padding-top: 25px;
} 
/* ------------------------------- */
.main-resources-section .resources-cards-section {
  padding: 50px 0px;
  margin: 0px 50px;
}
.main-resources-section .load-more-btn{
  margin: 0px auto 30px;
}
.main-resources-section .footer-section-in-resources{
  padding: 0px 50px;
}
}

@media (min-width:1301px) and (max-width:1500px) {

/* ------------------------------- */
.main-resources-section .resources-cards-section {
  padding: 50px 0px;
  margin: 0px 32px;
}

.main-resources-section .footer-section-in-resources{
  padding: 0px 32px;
}


}

/* starting of contact page */
 .main-contact-page{
  background-image: url('./photos/contact-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main-contact-page .contact-page-section{
  display: flex;
  justify-content: space-between;
  padding: 89px 135px 294px 135px;
}
.contact-page-location-content-container .contact-us-name{
  font-family: "roboto-regular";
  line-height: 14px;
}
.contact-page-location-content-container .get-in-touch{
  font-family: "big-shoulders-black";
  line-height: 100%;
  letter-spacing: -0.9px;
  text-transform: uppercase;
  margin-top: 26px;
}
.contact-page-location-content-container .happy-to-hear{
  width: 466px;
  height:48px ;
  font-family: "space-grotesk-medium";
  line-height: 24px;
  margin-top: 13.84px;
}
.contact-page-location-content-container .hyderabad-conatiner{
  margin-top: 43px;
}
.contact-page-location-content-container .boston-container{
  margin-top: 45px;
}
.contact-page-location-content-container .contact-location-container{
  width: 637px;
  height: 287px;
  border: 1px solid #FFFFFF14;
  border-radius: 8px;
  background: linear-gradient(to right, #142030, #121d2d, #101b2b, #0e1828, #0c1526);
  /* padding: 27px 77px 45px 10px; */
}
.contact-page-location-content-container .contact-location-container{
  display: flex;
  justify-content: center;
  align-items: center;
}
.hydrabad-boston-name-container .heading-names{
  font-family: "big-shoulders-black";
  line-height: 60px;
  letter-spacing: -0.9px;
  font-size: 40px;
}
.heading-names img{
  width: 120px;
  height: 33px;
  display: inline;
  vertical-align: middle;
}
.hydrabad-boston-name-container .three-lines-contianer{
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 23px;
  margin-bottom: 20px
}
.hydrabad-boston-name-container .mobile-image,.hydrabad-boston-name-container .mail-image,.hydrabad-boston-name-container .small-map-image{
  display: flex;
  align-items: center;
  gap: 13.38px;
}
.mobile-image .num-mail,.mail-image .num-mail {
  font-family: "roboto-semi-bold";
  line-height: 24px;
}
.small-map-image .full-address1{
  width: 252px;
  height:48px ;
}
.map-image2 .full-address2{
  width: 227px;
  height:48px ;
}
.small-map-image .full-address1,.map-image2 .full-address2{
  font-family: "roboto-medium";
  line-height: 24px;
  padding-top: 13px;
}
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 135px;
}

@media (min-width:320px) and (max-width:600px) {
.main-contact-page .contact-page-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 15px 50px 15px;
}
.contact-page-location-content-container .contact-us-name{
  font-size: 12px;
  text-align: center;
}
.contact-page-location-content-container .get-in-touch{
  font-size: 20px;
  margin-top: 26px;
  text-align: center;
}
.contact-page-location-content-container .happy-to-hear{
  width: auto;
  height:auto ;
  font-size: 14px;
  text-align: center;
}
.contact-page-location-content-container .contact-location-container{
  width: auto;
  height: auto;
}
.contact-page-location-content-container .contact-location-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact-location-container .hydrabad-boston-name-container{
  margin: 0px 40px;
}
.hydrabad-boston-name-container .heading-names{
  font-size: 20px;
}
.heading-names img{
  width: 70px;
  height: 20px;
}
.hydrabad-boston-name-container .three-lines-contianer{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
.mobile-image .num-mail,.mail-image .num-mail {
  font-size: 14px;
}
.small-map-image .full-address1{
  width: auto;
  height:auto ;
}
.map-image2 .full-address2{
  width: auto;
  height:auto ;
}
.small-map-image .full-address1,.map-image2 .full-address2{
  font-size: 14px;
} 
.contact-page-section .contact-form-container{
  padding: 30px 0px;
}
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 15px;
}
}
@media (min-width:601px) and (max-width:800px) {
.main-contact-page .contact-page-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 20px 40px 20px;
}
.contact-page-location-content-container .contact-us-name{
  font-size: 14px;
  text-align: center;
}
.contact-page-location-content-container .get-in-touch{
  font-size: 30px;
  text-align: center;
}
.contact-page-location-content-container .happy-to-hear{
  width: auto;
  height:auto ;
  font-size: 14px;
  text-align: center;
}
.contact-page-location-content-container .contact-location-container{
  width: auto;
  height: auto;
  margin: 40px 0px;
  padding: 30px 20px;
}
.hydrabad-boston-name-container .heading-names{
  font-size: 30px;
  line-height: 40px;
}
.heading-names img{
  width: 80px;
  height: 25px;
}
.mobile-image .num-mail,.mail-image .num-mail {
  font-size: 14px;
}
.small-map-image .full-address1{
  width: auto;
  height:auto ;
}
.map-image2 .full-address2{
  width: auto;
  height:auto;
}
.small-map-image .full-address1,.map-image2 .full-address2{
  font-size: 14px;
} 
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 20px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.main-contact-page .contact-page-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 70px 40px 50px 40px;
}
.contact-page-section .contact-page-location-content-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact-page-location-content-container .contact-us-name{
  text-align: center;
}
.contact-page-location-content-container .get-in-touch{
  font-size: 45px;
  text-align: center;
}
.contact-page-location-content-container .happy-to-hear{
  text-align: center;
}
.hydrabad-boston-name-container .heading-names{
  font-size: 35px;
}
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 40px;
}
}
@media (min-width:601px) and (max-width:1500px) {
.main-footer-in-contact-us .contact-footer{
  padding: 0px 0px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.main-footer-in-contact-us .contact-footer{
  margin-bottom: 50px;
}
}
@media (min-width:1201px) and (max-width:1253px) {
.main-footer-in-contact-us .contact-footer{
  margin-bottom: 50px;
}
}
@media (min-width:1001px) and (max-width:1200px) {
.main-contact-page .contact-page-section{
  display: flex;
  justify-content: space-between;
  padding: 89px 50px 60px 50px;
}

.contact-page-location-content-container .get-in-touch{
  font-size: 40px;
}
.contact-page-location-content-container .happy-to-hear{
  width: 466px;
  height:48px ;
  font-size: 14px;
}
.contact-page-location-content-container .contact-location-container{
  width:auto;
  height: auto;
  max-width: 460px;
  padding: 20px 15px 40px;
}
.hydrabad-boston-name-container .heading-names{
  line-height: 40px;
  font-size: 30px;
}
.heading-names img{
  width: 80px;
  height: 25px;
}
.mobile-image .num-mail,.mail-image .num-mail {
  font-size: 14px;
}
.small-map-image .full-address1,.map-image2 .full-address2{
  font-size: 14px;
} 
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 50px;
}
}
@media (min-width:1201px) and (max-width:1300px) {
.main-contact-page .contact-page-section{
  display: flex;
  justify-content: space-between;
  padding: 89px 50px 70px 50px;
}

.contact-page-location-content-container .get-in-touch{
  font-size: 40px;
}
.contact-page-location-content-container .happy-to-hear{
  font-size: 14px;
}
.contact-page-location-content-container .contact-location-container{
  width:auto;
  height: auto;
  max-width: 550px;
  padding: 20px 20px 40px;
}
.hydrabad-boston-name-container .heading-names{
  line-height: 40px;
  font-size: 30px;
}
.heading-names img{
  width: 80px;
  height: 25px;
}
.mobile-image .num-mail,.mail-image .num-mail {
  font-size: 14px;
}
.small-map-image .full-address1,.map-image2 .full-address2{
  font-size: 14px;
} 
.main-contact-page .main-footer-in-contact-us {
    padding: 0px 50px;
}
}
@media (min-width:1301px) and (max-width:1400px) {
 .main-contact-page .contact-page-section{
  display: flex;
  justify-content: space-between;
  padding: 89px 32px 60px 32px;
}
.contact-page-location-content-container .contact-location-container{
  width:auto;
  height: auto;
  max-width: 650px;
  padding: 20px 20px 40px;
}
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 32px;
}
}

@media (min-width:1301px) and (max-width:1400px) {
 .main-contact-page .contact-page-section{
  display: flex;
  justify-content: space-between;
  padding: 89px 32px 60px 32px;
}
.contact-page-location-content-container .contact-location-container{
  width:auto;
  height: auto;
  max-width: 700px;
  padding: 20px 20px 40px;
}
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 32px;
}
}

@media (min-width:1401px) and (max-width:1500px) {
 .main-contact-page .contact-page-section{
  display: flex;
  justify-content: space-between;
  padding: 89px 32px 60px 32px;
}
.contact-page-location-content-container .contact-location-container{
  width:auto;
  height: auto;
  max-width: 700px;
  padding: 20px 20px 40px;
}
.main-contact-page .main-footer-in-contact-us{
  padding: 0px 32px;
}
}

@media (min-width:1501px) and (max-width:1750px) {

.main-contact-page .contact-page-section {
    display: flex;
    justify-content: space-between;
    padding: 89px 50px 70px 50px;
}
.parent-container-network-protection-section1 {
    padding: 0px 50px;
}
.container5 .smarter-network {
    padding: 0px 35px;
}
.protection-network-section3 .dollar-million-in-service-section {
    margin: 120px 32px;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust {
    padding: 0px 32px;
}
.section11 .container5 {
    margin: 0px 135px;
    padding-bottom: 100px;
}
.main-section11 .main-footer-section {
    padding: 0px 135px 0px 135px;
}
.section4-in-about-us-section .our-team-images {
    padding: 50px 32px;
    display: flex;
    justify-content: center;
}
.main-section-in-about-page .about-us-section5 {
    padding: 0px 32px 120px 32px;
}
.about-us-section5{
  display: flex;
  flex-direction: column;
  align-items: center;
}
}
@media (min-width:1751px) and (max-width:1950px) {

.main-contact-page .contact-page-section {
    display: flex;
    justify-content: space-between;
    padding: 89px 100px 70px 100px;
}
.section4-in-about-us-section .our-team-images {
    padding: 50px 32px;
    display: flex;
    justify-content: center;
}
.main-section-in-about-page .about-us-section5 {
    padding: 0px 32px 120px 32px;
}
.about-us-section5{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-resources-section .resources-cards-section {
    padding: 50px 32px;
}
}
@media (min-width:1951px) and (max-width:2200px) {

.main-contact-page .contact-page-section {
    display: flex;
    justify-content: space-between;
    padding: 89px 160px 70px 160px;
}
.protection-network-section3 .dollar-million-in-service-section {
    margin: 120px 190px;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust {
    padding: 0px 190px;
}
.section4-in-about-us-section .our-team-images {
    padding: 50px 32px;
    display: flex;
    justify-content: center;
}
.main-section-in-about-page .about-us-section5 {
    padding: 0px 32px 120px 32px;
}
.about-us-section5{
  display: flex;
  flex-direction: column;
  align-items: center;
}
}
@media (min-width:1950px) and (max-width:2200px) {
  .main-contact-page .contact-page-section {
    display: flex;
    justify-content: space-between;
    padding: 89px 160px 70px 160px;
}
.main-resources-section .resources-cards-section {
    padding: 50px 32px;
}
}
@media (min-width:2201px) and (max-width:2500px) {

.main-contact-page .contact-page-section {
    display: flex;
    justify-content: space-between;
    padding: 89px 230px 70px 230px;
}
.section1 {
    padding: 23px 100px;
}
.protection-network-section3 .dollar-million-in-service-section {
    margin: 120px 260px;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust {
    padding: 0px 260px;
}
.section4-in-about-us-section .our-team-images {
    padding: 50px 32px;
    display: flex;
    justify-content: center;
}
.main-section-in-about-page .about-us-section5 {
    padding: 0px 32px 120px 32px;
}
.about-us-section5{
  display: flex;
  flex-direction: column;
  align-items: center;
}
}
@media (min-width:2501px) and (max-width:2720px) {

.main-contact-page .contact-page-section {
    display: flex;
    justify-content: space-between;
    padding: 89px 400px 70px 400px;
}
.protection-network-section3 .dollar-million-in-service-section {
    margin: 120px 300px;
}
.service-section-background3 .main-section9 .secrvices-page-customers-trust {
    padding: 0px 300px;
}
.section4-in-about-us-section .our-team-images {
    padding: 50px 32px;
    display: flex;
    justify-content: center;
}
.main-section-in-about-page .about-us-section5 {
    padding: 0px 32px 120px 32px;
}
.about-us-section5{
  display: flex;
  flex-direction: column;
  align-items: center;
}
}

/* starting of subresources */

/* .main-section-in-sub-resources {

} */

.main-section-in-sub-resources .section2-subresources{
  padding: 80px 135px 35px 135px;
}
.column-section-subresources .AI-red-color{
  font-family: "roboto-regular";
  line-height: 24px;
}
.column-section-subresources p:nth-of-type(2){
  width: 1230px;
  height: 130px;
  font-family: "big-shoulders-black";
  font-size: 55px;
  line-height: 65px;
  letter-spacing: -0.9px;
  text-transform: uppercase;
  margin-top: 25.84px;
}
.column-section-subresources .row-section-subresources-space-between{
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
.row-section-subresources-space-between .row-written-by{
  display: flex;
  gap: 30px;
}
.row-written-by .written-by-name,.image-manoj p{
  font-family: "space-grotesk-semi-bold";
  font-size: 20px;
  line-height:34px; 
  letter-spacing:-0.32px ;
  color: #FFFFFF;
}
.row-written-by .image-manoj{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
}
.row-section-subresources-space-between .date-image-subresources{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
/* ---------------------- */
.main-section-in-sub-resources .sub-resource-to-do-image{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* ---------------------- */
.main-section-in-sub-resources .generative-ai{
  font-family: "space-grotesk-medium";
  line-height: 24px;
  color: #F6F7FB;
  padding: 40px 135px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* ---------------------- */
.main-section-in-sub-resources .new-dev-loop{
  font-family: "space-grotesk-bold";
  font-size: 34px;
  line-height: 34px;
  color: #FFFFFF;
  padding: 40px 135px 30px 135px;
}
/* ---------------------- */
.main-section-in-sub-resources .speed-security{
  font-family: "space-grotesk-medium";
  line-height: 24px;
  color: #F6F7FB;
  padding: 0px 135px 143px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* ------------------ */
.main-section-in-sub-resources .cards-in-subresources{
  padding: 0px 135px;
}
.cards-in-subresources .view-more-blogs{
  display: flex;
  justify-content: space-between;
 }
.view-more-blogs .more-blogs{
  font-family: "big-shoulders-black";
  font-size: 55px;
  line-height: 65px;
  letter-spacing:-0.9px;
  text-transform: uppercase;
}
.view-more-blogs .view-all{
  width: 144px;
  height: 48px;
  border-radius: 1600px;
  background-color: #181F2E;
  font-family: "space-grotesk-bold";
  line-height: 14px;
  letter-spacing: 0.08px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-more-blogs .view-all:hover{
  cursor: pointer;
  background-color: lab(11.77% 1.7 -11 / 0.925);
}
.view-more-blogs .view-all::after{
  content: '';
    width: 8px;
    height: 5px;
    display: inline-block;
     background-image: url('./photos/arrow-down.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
    transform: rotate(-90deg);
}
.cards-in-subresources .sub-resources-all-blog-pages{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 32px 0px 76px 0px;
}
.card-content .removingred-arrow{
  display: none;
}
.sub-resources-all-blog-pages .hoving-blog-container:hover{
  border: 1px solid #FF3535;
  cursor: pointer;
}
.sub-resources-all-blog-pages .hoving-blog-container:hover > .card-content > .changing-image-on-hover{
  display: none;
}
.sub-resources-all-blog-pages .hoving-blog-container:hover > .card-content > .removingred-arrow{
  display: block;
}
/* ---------------------------- */
.main-section-in-sub-resources .main-resources-footer-section{
  padding: 0px 135px;
}



@media (min-width:320px) and (max-width:600px) {
.main-section-in-sub-resources .section2-subresources{
  padding: 40px 15px 35px 15px;
}
.column-section-subresources p:nth-of-type(2){
  width: auto;
  height: auto;
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
}
.column-section-subresources .row-section-subresources-space-between{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 22px;
}
.row-section-subresources-space-between .row-written-by{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.row-written-by .written-by-name,.image-manoj p{
  font-size: 12px;
  line-height:15px; 
}
.row-written-by .image-manoj{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.row-section-subresources-space-between .date-image-subresources{
  margin-top: 20px;
}
/* ---------------------------   */
.main-section-in-sub-resources .sub-resource-to-do-image{
  margin: 0px 15px 40px 15px;
}
/* ---------------------- */
.main-section-in-sub-resources .generative-ai{
  padding: 0px 15px;
  gap: 15px;
  font-size: 12px;
}
/* ---------------------- */
.main-section-in-sub-resources .new-dev-loop{
  font-size: 16px;
  line-height: 20px;
  padding: 40px 15px 30px 15px;
}
/* ---------------------- */
.main-section-in-sub-resources .speed-security{
  padding: 0px 15px 60px;
  gap: 15px;
  font-size: 12px;
}
/* ------------------ */
.main-section-in-sub-resources .cards-in-subresources{
  padding: 0px 15px;
}
.view-more-blogs .more-blogs{
  font-size: 20px;
  line-height: 30px;
}
.view-more-blogs .view-all{
  width: 100px;
  height: 38px;
  font-size: 12px;
}
.cards-in-subresources .sub-resources-all-blog-pages{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* ---------------------------- */
.main-section-in-sub-resources .main-resources-footer-section{
  padding: 0px 0px;
}




}

@media (min-width:601px) and (max-width:800px) {
.main-section-in-sub-resources .section2-subresources{
  padding: 80px 20px 35px 20px;
}
.column-section-subresources p:nth-of-type(2){
  width: auto;
  height: auto;
  font-size: 30px;
  line-height: 40px;
}
.row-written-by .written-by-name,.image-manoj p{
  font-size: 16px;
}
.row-written-by .image-manoj{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
}
.row-section-subresources-space-between .date-image-subresources{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
/* ---------------------------   */
.main-section-in-sub-resources .sub-resource-to-do-image{
  margin: 0px 20px 40px 20px;
}
/* ---------------------- */
.main-section-in-sub-resources .generative-ai{
  padding: 0px 20px;
  gap: 20px;
}
/* ---------------------- */
.main-section-in-sub-resources .new-dev-loop{
  font-size: 18px;
  line-height: 20px;
  padding: 40px 20px 30px 20px;
}
/* ---------------------- */
.main-section-in-sub-resources .speed-security{
  padding: 0px 20px 100px;
  gap: 20px;
}
/* ------------------ */
.main-section-in-sub-resources .cards-in-subresources{
  padding: 0px 20px;
}
.view-more-blogs .more-blogs{
  font-size: 30px;
  line-height: 35px;
}
.view-more-blogs .view-all{
  width: 100px;
  height: 38px;
  font-size: 14px;
}
.cards-in-subresources .sub-resources-all-blog-pages{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* ---------------------------- */
.main-section-in-sub-resources .main-resources-footer-section{
  padding: 0px 20px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.main-section-in-sub-resources .section2-subresources{
  padding: 80px 40px 35px 40px;
}
.column-section-subresources p:nth-of-type(2){
  width: auto;
  height: auto;
  font-size: 35px;
  line-height: 45px;
}
/* ---------------------------   */
.main-section-in-sub-resources .sub-resource-to-do-image{
  margin: 0px 40px 40px 40px;
}
/* ---------------------- */
.main-section-in-sub-resources .generative-ai{
  padding: 0px 40px;
}
/* ---------------------- */
.main-section-in-sub-resources .new-dev-loop{
  font-size: 18px;
  line-height: 20px;
  padding: 40px 40px 30px 40px;
}
/* ---------------------- */
.main-section-in-sub-resources .speed-security{
  padding: 0px 40px 110px;
}
/* ------------------ */
.main-section-in-sub-resources .cards-in-subresources{
  padding: 0px 40px;
}
.view-more-blogs .more-blogs{
  font-size: 30px;
  line-height: 35px;
}
.cards-in-subresources .sub-resources-all-blog-pages{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* ---------------------------- */
.main-section-in-sub-resources .main-resources-footer-section{
  padding: 0px 0px;
}
}



@media (min-width:1001px) and (max-width:1300px) {
.main-section-in-sub-resources .section2-subresources{
  padding: 80px 50px 35px 50px;
}
.column-section-subresources p:nth-of-type(2){
  width: auto;
  height: auto;
  font-size: 40px;
  line-height: 45px;
}
/* ---------------------------   */
.main-section-in-sub-resources .sub-resource-to-do-image{
  margin: 0px 50px 40px 50px;
}
/* ---------------------- */
.main-section-in-sub-resources .generative-ai{
  padding: 0px 50px;
}
/* ---------------------- */
.main-section-in-sub-resources .new-dev-loop{
  font-size: 20px;
  line-height: 20px;
  padding: 40px 50px 30px 50px;
}
/* ---------------------- */
.main-section-in-sub-resources .speed-security{
  padding: 0px 50px 120px;
}
/* ------------------ */
.main-section-in-sub-resources .cards-in-subresources{
  padding: 0px 50px;
}
.cards-in-subresources .sub-resources-all-blog-pages{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* ---------------------------- */
.main-section-in-sub-resources .main-resources-footer-section{
  padding: 0px 0px;
}
}



@media (min-width:1301px) and (max-width:1500px) {
.main-section-in-sub-resources .section2-subresources{
  padding: 80px 32px 35px 32px;
}
.column-section-subresources p:nth-of-type(2){
  font-size: 45px;
  line-height: 45px;
}
/* ---------------------------   */
.main-section-in-sub-resources .sub-resource-to-do-image{
  margin: 0px 32px 40px 32px;
}
/* ---------------------- */
.main-section-in-sub-resources .generative-ai{
  padding: 0px 32px;
}
/* ---------------------- */
.main-section-in-sub-resources .new-dev-loop{
  font-size: 20px;
  line-height: 20px;
  padding: 40px 32px 30px 32px;
}
/* ---------------------- */
.main-section-in-sub-resources .speed-security{
  padding: 0px 32px 130px;
}
/* ------------------ */
.main-section-in-sub-resources .cards-in-subresources{
  padding: 0px 32px;
}
.cards-in-subresources .sub-resources-all-blog-pages{
  display: flex;

  justify-content: center;
  align-items: center;
}
/* ---------------------------- */
.main-section-in-sub-resources .main-resources-footer-section{
  padding: 0px 0px;
}
}
@media (min-width:1500px) and (max-width:1547px) {
  .main-section-in-sub-resources .cards-in-subresources{
  padding: 0px 126px;
}
}
@media (min-width:1751px) and (max-width:1920px) {
.main-section-in-sub-resources .section2-subresources{
  padding: 80px 100px 35px 100px;
}
.column-section-subresources p:nth-of-type(2){
  font-size: 45px;
  line-height: 45px;
}
/* ---------------------------   */
.main-section-in-sub-resources .sub-resource-to-do-image{
  margin: 0px 100px 40px 100px;
}
}