/*.container
{
  max-width: 1600px !important;
}*/

.dipsi-slider .silder-text
{
    width: 876px;
}

.dipsi-slider h4
{

    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 58px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    top: -40px;
    left: 20px;
}

.dipsi-text2
{
    position: relative;
    z-index: 9998;
    top: -30px;
    left: 20px;
    width: 781px !important;
}

.investing-in-winning span
{
    position: relative;
    z-index: 999;
    color: #FF524E;
    background: #ffffff38;
    backdrop-filter: blur(25px);
    padding: 7px;
    -webkit-backdrop-filter: blur(10px);
}

.fish-1
{

	    position: relative;
    top: -305px;
    left: -150px;

}

.fish-1 img
{
	    position: absolute;
    z-index: 1;
    min-width: 1100px;
}

.fish-2
{
	/*top: 180px !important;
	z-index: 9999 !important;
	position: absolute !important;
	width: 750px;*/

    top: 372px !important;
    z-index: 9999 !important;
    position: absolute !important;
    width: 890px;
    left: 0;
}

.fish-3
{
    max-width: 653px;
    min-width: 653px;
}


.dive-deep
{
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}

.who
{
	font-family: 'Anton';
	font-style: normal;
	font-weight: 400;
	font-size: 500px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FF524E;
	line-height: 1.5;
	text-align: center;
	position: relative;
	z-index: 1;
}

.we
{
	    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 250px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: right;
    top: 553px;
    position: relative;
    z-index: 2;
    right: 609px;
}

.are
{
	    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 250px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: right;
    top: -566px;
    position: relative;
    right: 157px;
    line-height: 1.5;
    opacity: 1 !important;
}

.who-we-are-section {
    background: url(../img/who/test-1.png);
    background-position: top 550px left 0px;
    background-repeat: no-repeat;
    background-size: 980px;
/*    background-attachment: fixed !important;*/
}

.who-we-are-test-2 img
{
	    position: absolute;
    right: -15px;
    max-width: 800px;
    z-index: -1;
    top: 1900px;
}

.who-we-are-p
{

    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.9;
    text-align: justify;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    top: -350px;
}

.mt-130
{
	margin-top: 130px;
}

.who-we-are-img2
{
	position: absolute;
    max-width: 600px;
    right: 0;
    bottom: -710px;
}

.on-screen
{
	    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 300px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    top: 416px;
    z-index: 2;
    line-height: 1;
    right: 368px;
}

.on-screen span
{
	color: #FF524E;
}

.production
{
	     font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 300px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: right;
    top: -454px;
/*    position: relative;*/
    right: 6px;
    line-height: 0.9;
    opacity: 1 !important;
}

.pt-big
{
	padding-top: 1100px;
}

.on-screen-content-box-p p
{
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 52px;
    text-align: justify;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    z-index: 2;
    position: relative;

}
.on-screen-content-box-p .content-wrap {
    width: 44%;
}


.tv-img {
    position: absolute;
    top: 3719px;
    z-index: 1;
    right: -309px;
    width: 71%;
}

.tv-sec-button {
    padding: 8px 18px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border-radius: 0px;
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FF524E;
    border: none;
    transform: translateY(0px);
    z-index: 99;
    position: relative;
}

.tv-sec-button:hover
{
	background: #FF524E;
	color: #fff;

}


.real-estate-section .title .real
{

	font-family: 'Anton';
	text-align: center;
	font-style: normal;
	font-weight: 400;
	font-size: 300px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FF524E;
}

.real-estate-section .title .estate
{

	    font-family: 'Anton';
    text-align: right;
    font-style: normal;
    font-weight: 400;
    font-size: 300px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-right: 40px;
}

.real-estate-section .title img
{    
    max-width: 760px;
    position: absolute;
    top: 5490px;
    right: 0;
}

.real-estate-section .title .turtles 
{
    max-width: 1170px;
    position: absolute;
    top: 5958px;
    left: 0;
    z-index: 99;
}





.real-estate-section .real-estate-content-sec
{
	padding: 55px 40px 55px 0px;
}

.real-estate-section .real-estate-content-sec p
{

    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 47px;
    text-align: justify;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;

}


/*<=======================================Marketing-stratagy-section================================>*/

.marketing-strategy
{
	padding: 770px 15px 550px 15px;
}

.marketing-strategy .title .marketing
{


font-family: 'Anton';
font-style: normal;
font-weight: 400;
font-size: 402px;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FF524E;
text-align: left;


}

.marketing-strategy .title .strategy
{

font-family: 'Anton';
font-style: normal;
font-weight: 400;
font-size: 300px;
line-height: 0.9;
letter-spacing: 0.05em;
text-transform: uppercase;

color: #FFFFFF;


}
.marketing-strategy .col-md-5 {
    width: 49%;
}
.marketing-strategy .title img
{
    max-width: 1010px;
    position: absolute;
    top: 8020px;
    right: 0px;

}

.marketing-strategy .title .turtles 
{
    max-width: 1108px;
    position: absolute;
    top: 8220px;
    right: 0;
}




.marketing-strategy .real-estate-content-sec
{
	padding: 155px 0px 55px 160px;
}

.marketing-strategy .real-estate-content-sec p
{

    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 44px;
    text-align: justify;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;

}
.real-estate-content-sec.corner .tv-sec-button {
    transform: translateY(44px);
}
/*<=======================================Marketing-stratagy-section================================>*/

/*<=======================================digital-campaigns-section================================>*/

.digital-campaigns
{
    background-image: url(../img/digital-comping-bg.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 0 1178px 0px;
    position: relative;
    margin: 350px 0;
}
.digital-campaigns .real-estate-content-sec::after {
    content: '';
    background-image: url(../img/seahorse-in-golden-crown.png);
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    aspect-ratio: 1;
    bottom: -50px;
    background-repeat: no-repeat;
    left: 50%;
    background-position: right;
    background-size: contain;
    animation: float 2s ease-in-out infinite, blur 1s ease-in-out infinite;
}
.digital-campaigns .title
{
	    position: relative;
    z-index: -1;
    top: 880px;
}

.digital-campaigns .title .digital
{


font-family: 'Anton';
font-style: normal;
font-weight: 400;
font-size: 300px;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;


}

.digital-campaigns .title .campaigns
{

font-family: 'Anton';
font-style: normal;
font-weight: 400;
font-size: 300px;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FF524E;
text-align: center;

}

.digital-campaigns .title img
{
	max-width: 830px;
    position: absolute;
    top: 6029px;
    right: 0px;
}

.digital-campaigns .title .turtles 
{
	max-width: 830px;
    position: absolute;
    top: 6259px;
    right: 0;
}




.digital-campaigns .real-estate-content-sec
{
	padding: 0;
    position: relative;
    top: 1090px;
    transition: top 0.3s ease;
}
.digital-campaigns.scroll-window .real-estate-content-sec {
    top: 930px;
    transition: top 0.3s ease;
}
.digital-campaigns .real-estate-content-sec p
{

    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 52px;
    text-align: justify;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 18px;
    background: linear-gradient(100.22deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    backdrop-filter: blur(20px);
    border-radius: 0px;


}

.digital-campaigns .tv-sec-button
{
	float: right;
	padding: 8px 18px;
    background: #FF524E;
    backdrop-filter: blur(20px);
    border-radius: 0px;
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    border: none;
}
.digital-campaigns .tv-sec-button:hover {
        background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);

}
/*<=======================================digital-campaigns-section================================>*/

/*<=======================================media-and-public-relation-section================================>*/

.media-and-public-relation
{
    padding: 0px 0 90px 0px;
}

.media-and-public-relation .title
{
	position: relative;
	z-index: -1;
	top: 100px;
}

.media-and-public-relation .title .media
{


font-family: 'Anton';
font-style: normal;
font-weight: 400;
font-size: 690px;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FF524E;


}

.media-and-public-relation .and-public-relation
{

        font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 295px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FF524E;
    position: relative;
    z-index: -5;
    top: 82px;

}

.media-and-public-relation .and-public-relation span
{
	background: none;
	color: #fff;
}

.media-and-public-relation .title img
{
	max-width: 830px;
    position: absolute;
    top: 6029px;
    right: 0px;
}

.media-and-public-relation .turtles 
{
	   /* max-width: 830px;
    position: relative;
    right: -550px;
    top: -490px;
    z-index: -2;*/
    max-width: 1230px;
    position: absolute;
    right: -553px;
    z-index: -2;
    top: 13289px;
}

.media-and-public-relation .virus 
{
	   /* max-width: 830px;
    position: relative;
    right: -550px;
    top: -490px;
    z-index: -2;*/

    max-width: 920px;
    position: absolute;
    left: 0;
    z-index: -2;
    top: 14000px;
}



.media-and-public-relation .real-estate-content-sec
{
	    padding: 0;
    position: relative;
    top: 280px;
}

.media-and-public-relation .real-estate-content-sec p
{

    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 31px;
    line-height: 48px;
    text-align: justify;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 18px;
    border-radius: 0px;


}

.media-and-public-relation .tv-sec-button
{
	float: right;
	padding: 8px 18px;
    background: #FF524E;
    backdrop-filter: blur(20px);
    border-radius: 0px;
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    border: none;
}

/*<=======================================media-and-public-relation-section================================>*/


/*<=======================================tech-investments-section================================>*/

.tech-investments
{
	padding-top: 550px;
	padding-bottom: 1010px;
	background: url(../img/tech-investment.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top 921px left 0px;
    position: relative;
}
.tech-investments:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/tech-investment-before.png);
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 63%;
    animation: float 2s ease-in-out infinite, blur 1s ease-in-out infinite;
}
.tech-investments .tech
{

        font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 700px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FF524E;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.tech-investments .investments
{

        font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 300px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    top: -488px;

}

.tech-investments .tech-content-paragraph
{
	position: relative;
	top: -190px;
}

.tech-investments .tech-content-paragraph p

{

    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 52px;
    text-align: justify;
    text-transform: uppercase;
    color: #FFFFFF;

}

.tech-investments .tech-content-paragraph .tv-sec-button
{
	font-size: 35px;
}




/*<=======================================tech-investments-section================================>*/

/*<=======================================last-footer-section================================>*/


.last-footer-sec
{
	    background: url(../img/footer-bg.png);
    background-size: cover;
    padding-top: 185px;
}


.last-footer-sec .get-in-touch-title .get-in
{

    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 400px;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    z-index: -2;

}

.last-footer-sec .get-in-touch-title .touch
{

    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-size: 400px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FF524E;


}


.last-footer-sec .get-in-touch-title .bottol-img
{

    max-width: 1440px;
    position: absolute;
    top: -123px;
    z-index: -1;
    right: 279px;
}

.last-footer-sec .footer-info-sec
{
    background: #FF524E;
    padding: 60px 120px 70px;
    max-width: 1534px;
    margin: 0 auto;
}
.last-footer-sec .footer-info-sec .row .col-md-5 {
    width: 38% !important;
}
.last-footer-sec .footer-info-sec .row .col-md-7 {
    margin-top: 10px;
    width: 62% !important;
}
.last-footer-sec .footer-info-sec .contact-details:nth-child(2)
{
	margin-top: 158px;
	margin-bottom: 15px;
}

.last-footer-sec .footer-info-sec .contact-details a
{

font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 1.5;
text-align: justify;
text-transform: uppercase;
color: #050708;

}


.last-footer-sec .footer-info-sec .input
{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	justify-content: space-between;
    position: relative;
}

.last-footer-sec .footer-info-sec .input span

{

font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-size: 35px;
text-align: justify;
text-transform: uppercase;
color: #FFFFFF;
float: left;

}

.last-footer-sec .footer-info-sec .input input
{

    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 27px 12px;
    width: 62%;
    background: rgba(2, 11, 26, 0.4);
    float: right;
    color: #fff;
    font-size: 22px;

}

.last-footer-sec .footer-info-sec .input:nth-child(4)
{
	margin-bottom: 0px;
    justify-content: end;
}

.last-footer-sec .footer-info-sec .input .submit-button
{
    background: #042B62;
    color: #fff;
    width: 62%;
    border: none;
    padding: 12px 12px;
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;

}
.last-footer-sec .footer-info-sec .input .submit-button:hover {
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(10px);
    background-color: #042b62de;
}
.footer-logo img
{
	max-width: 145px;
	min-width: 145px;
}

.main-logo
{
	max-width: 114px;
	min-width: 114px;
}

.menu-hide-dektop
{
	display: none !important;
}



.mil-top-panel-2-for-mobile-menu {
  position: relative;
  width: 100%;
  z-index: 9999999;
  top: 0;
  lfeft: 0;
  width: 100%;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px rgba(210, 210, 208, 0);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.mil-top-panel-2-for-mobile-menu .mil-buttons-tp-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px;
    -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    background-color: #FFFFFF0D;
    border: 0.5px solid;
    border-image: linear-gradient(90.19deg, #ffffff73 0%, rgba(255, 255, 255, 0) 99.83%) 1;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(10px);
}

.mil-top-panel-2-for-mobile-menu .mil-buttons-tp-frame .mil-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* -webkit-transform: translateX(20px); */
    /* transform: translateX(20px); */
}

.mil-top-panel-2-for-mobile-menu .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mil-top-panel-2-for-mobile-menu .mil-buttons-tp-frame .mil-buttons .mil-tp-btn {
    margin-right: 36px;
    color: #D2D2D0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dive-deep-icon
{
	position: relative;
	z-index: 9999;
}
.dive-deep-icon img
{
	max-width: 24px;
}

.line-1 img {
    position: absolute;
    width: auto;
    height: 1030px;
    left: 832px;
    top: 2499px;
}

.line-2 img {

    position: absolute;
    width: auto;
    height: 1040px;
    left: 434px;
    top: 5005px;
    z-index: 0;

}

.line-3 img {
    position: absolute;
    width: auto;
    height: 928px;
    left: 300px;
    top: 6987px;
    z-index: 8;
}

.line-4 img {
    position: absolute;
    width: auto;
    height: 1295px;
    left: 85px;
    top: 9177px;
    z-index: 1;
}

.line-5 img {
	
    position: absolute;
    width: auto;
    height: 679px;
    left: 777px;
    top: 12164px;
    

}

.line-6 img {
    position: absolute;
    width: auto;
    height: 422px;
    left: 957px;
    top: 14905px;
}

.line-7 img {
	
    position: absolute;
    width: auto;
    height: 540px;
    left: 705px;
    top: 17500px;
    z-index: -1;
    

}
.before-image-col {
    position: relative;
}
.before-image-col:before {
    position: absolute;
    content: "";
    width: 930px;
    height: 643px;
    background-image: url(../img/card.png);
    left: -155%;
    top: -48%;
    animation: float 2s ease-in-out infinite, blur 1s ease-in-out infinite;
}
.who-we-are-p {
    position: relative;
}

.who-we-are-p:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-right: 1px solid #fff;
    right: -35px;
    top: -35px;
    border-top: 1px solid #fff;
}
.who-we-are-p:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-left: 1px solid #fff;
    left: -35px;
    bottom: -35px;
    border-bottom: 1px solid #fff;
}
.real-estate-section .real-estate-content-sec{
    position: relative;
}
.real-estate-section .col-md-5 {
    margin-left: 53% !important;
    width: 42.666667% !important;
}
.real-estate-section .real-estate-content-sec:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    right: -2px;
    bottom: 85px;
    rotate: 270deg;
}
.real-estate-section .real-estate-content-sec .tv-sec-button {
    transform: translateY(44px);
}
.real-estate-section .real-estate-content-sec:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    left: -30px;
    top: 30px;
    rotate: 270deg;
}
.real-estate-content-sec.corner{
    position: relative;
}
.real-estate-content-sec.corner:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    right: -50px;
    bottom: 145px;
}
.real-estate-content-sec.corner:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 125px;
    top: 120px;
}
.media-and-public-relation .plus-icon:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 105px;
    background: #fff;
    top: 85px;
    left: -110px;
}
.media-and-public-relation .plus-icon:after {
    position: absolute;
    content: "";
    height: 105px;
    width: 1px;
    background: #fff;
    top: 30px;
    left: -55px;
}
.plus-icon {
    position: relative;
}
.plus-icon:after {
    position: absolute;
    content: "";
    height: 105px;
    width: 1px;
    background: #fff;
    top: -73px;
    left: -20px
}
.plus-icon:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 105px;
    background: #fff;
    top: -20px;
    left: -72px
}
.on-screen-content-box-p{
    margin-top: 110px !important;
}
.container-lg.marketing-strategy .plus-icon:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 105px;
    background: #fff;
    top: 0px;
    left: -60px;
}
.container-lg.marketing-strategy .title {
    margin-left: 15px;
}
.container-lg.marketing-strategy .plus-icon:after {
    position: absolute;
    content: "";
    height: 105px;
    width: 1px;
    background: #fff;
    top: -50px;
    left: 0px;
}

.tech-content-paragraph{
    position: relative;
}
.tech-content-paragraph:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    left: -55px;
    bottom: -55px;
}
.tech-content-paragraph:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: -55px;
    top: -40px;
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1920px;
    }
}
.mil-top-panel-2-for-mobile-menu.menu_afterscroll{
    display: none;
}
.real-estate-section .mobile-show-image {
    display: none;
}
@media screen and (max-width: 600px) {
    .real-estate-section .mobile-show-image {
        display: block;
    }
    .real-estate-section .mobile-hide-image {
        display: none;
    }
}
/*<=======================================last-footer-section================================>*/




/* ideal animation */


.animation-idle {
    animation: float 2s ease-in-out infinite, blur 1s ease-in-out infinite;
}

@keyframes float {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-20px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  @keyframes blur {
    0% {
      filter: blur(0px);
    }
    50% {
      filter: blur(0px);
    }
    100% {
      filter: blur(0px);
    }
  }
  

.text-animation.animation_run {
    background: linear-gradient(to right, #FF524E 50%, transparent 50%);
    background-size: 200% 100%;
    animation: bgColorSlide 1s ease forwards;
}
@keyframes bgColorSlide {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.touch {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.touch.visible {
    opacity: 1;
    transform: translateY(0%);
}

.digital-campaigns::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #00112D 100%);
    z-index: 1;
}

.last-footer-sec .footer-info-sec #responseMessage {
    width: 62%;
    margin-left: auto;
    transform: translateY(25px);
}

.last-footer-sec .footer-info-sec #responseMessage p {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
}

.last-footer-sec .footer-info-sec .input .error {
    bottom: -20px;
    right: 0;
    position: absolute;
    width: 62%;
    text-align: left;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 13px;
}
.banner-hero-submarine{
    background: radial-gradient(110.89% 87.22% at 88.91% -37.2%, #0060FF 0%, #00112D 100%);
}
.banner-hero-submarine svg {
    position: absolute;
    z-index: 99;
    top: 50%;
    right: 47%;
    transform: translate(-50%, -50%);
    height: 100%;
}
.down-arrow {
  animation: bounce 1s infinite;
  position: absolute;
  z-index: 9999;
}
@keyframes bounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0); }
}
.mil-transition-fade .mil-transition-frame.bradded {
    background: radial-gradient(110.89% 87.22% at 88.91% -37.2%, #0060FF 0%, #00112D 100%);
}
.shark {
    transform: translateX(100%);
    transition: transform 0.5s ease-out;
}

.shark.animate {
    transform: translateX(0%);
}
.image-container:not(.fade-in){
    opacity: 0;
}
.fade-out {
    transition: opacity 0.5s ease-out;
    opacity: 0;
}
.fade-in {
    transition: opacity 0.5s ease-in;
    opacity: 1;
}