body{
    font-size: 18px !important;
    overflow-x: hidden !important;
}
.contentcontainer{
    overflow-x:hidden  !important;
}
.footer{
    background-color: #003158;
}
.borderdomain{
    border-top:3px solid #fff !important;
}
.inter_btn{
    padding: 10px 25px;
    background: #2FE3B6;
    font-size: 18px;
    border-radius:0px;
}
.mainhead{
    animation: 2s fadein;
    height: 100%;
    align-content: flex-start;
    display: flex;
    flex-flow: column;
}
.fullheight{
    height:100%;
}
/* .contentcontainer {
    animation-name: contentcontainer;
    height: 100vh;
    animation-duration: 1s;
    background-color: #003B6A;
    background-image: url(../img/Rectangle1.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
    background-repeat: no-repeat;
    background-position-x: 100%,116%,120%,130%;
    background-position-y: 85%,96%,-196%,41%;
    background-size: auto,70%,39%,32%;
}
.contentcontainer .container{
    animation-name: contentcontainercon;
    animation-duration: 1s;
    background-image: url('../img/Rectangle2.png');
    background-repeat: no-repeat;
    background-position-x: 58%;
    background-position-y: -275%;
    background-size: 44%;
} */
.contentcontainer {
animation-name: contentcontainer;
height: 100vh;
animation-duration: 1s;
background-color: #003B6A;
background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
background-repeat: no-repeat;
background-position-x: 162%,102%,130%,111%,130%;
background-position-y: center,250%,92%,-122%,41%;
background-size: auto,auto,73%,35%,32%;
}
@keyframes contentcontainer {
    0%  {background-color: #003B6A;
        background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
        background-repeat: no-repeat;
        background-position-x: 162%,110%,142%,116%,136%;
        background-position-y: center,260%,105%,-150%,12%;
        background-size: auto,auto,73%,35%,32%;}
    100% {background-color: #003B6A;
        background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
        background-repeat: no-repeat;
        background-position-x: 162%,102%,130%,111%,130%;
        background-position-y: center,250%,92%,-122%,41%;
        background-size: auto,auto,73%,35%,32%;}
  } 
/* @keyframes contentcontainercon {
    0%  {background-image: url('../img/Rectangle2.png');
        background-repeat: no-repeat;
        background-position-x: 77%;
        background-position-y: -134%;
        background-size: 44%;}
    100% {background-image: url('../img/Rectangle2.png');
        background-repeat: no-repeat;
        background-position-x: 58%;
        background-position-y: -275%;
        background-size: 44%;}
  }
@keyframes contentcontainer {
    0%  {background-color: #003B6A;
        background-image: url(../img/Rectangle1.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
        background-repeat: no-repeat;
        background-position-x: 100%,122%,100%,130%;
        background-position-y: 85%,135%,-17%,41%;
        background-size: auto,70%,17%,25%;}
    100% {background-color: #003B6A;
        background-image: url(../img/Rectangle1.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
        background-repeat: no-repeat;
        background-position-x: 100%,116%,106%,130%;
        background-position-y: 85%,96%,-63%,41%;
        background-size: auto,70%,30%,32%;}
  } */
  @keyframes slidein-left {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slidein-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slidetop20{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slidein-bottom20 {
    0% {
        opacity: 0;
        transform: translateY(30%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slidein-left20 {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slidein-right {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.animation-bottom20{
    animation: 1s slidein-bottom20;
}
.right-animation{
    animation: 1s slidein-right;
}
.left-animation{
    animation: 1s slidein-left;
}
.left-animation20{
    animation: 1s slidein-left20;
}
.flexgrow1{
    flex-grow:1;
}
.ads2{
    flex-grow: 1;
    display: flex;
    flex-flow: column;
}
.lowerads{
    flex-flow: column;
    display: flex;
}
.fullheight90{
    height:92%;
}
.fullheight8{
    height:8%;
}
@media (min-width: 1200px){
    .adsen_gap{
        margin-right:36px;
    }
    
    h1{
        font-size: 66px;
        line-height: 1;
    }
}
@media (max-width: 1200px){
    .mainheading{
        animation: 1s slidetop20;
    }
    .colringelemnt{
        color:#2FE3B6;
    }
    .fullheight90{
        height:95%;
    }
    .fullheight8{
        height:5%;
    }
    
}
@media (max-width: 1024px){
    .contentcontainer {
        animation-name: contentcontainer;
        height: 100vh;
        animation-duration: 1s;
        background-color: #003B6A;
        background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
        background-repeat: no-repeat;
        background-position-x: 122%,-38%,-6%,266%,141%;
        background-position-y: center,-282%,-61%,-48%,41%;
        background-size: auto,auto,112%,75%,32%;
    }
    @keyframes contentcontainer {
        0%  {background-color: #003B6A;
            background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
            background-repeat: no-repeat;
            background-position-x: 122%,-159%,-110%,303%,145%;
            background-position-y: center,-352%,-120%,-67%,38%;
            background-size: auto,auto,112%,75%,32%;}
        100% {background-color: #003B6A;
            background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png),url(../img/Rectangle4.png),url(../img/Rectangle3.png);
            background-repeat: no-repeat;
            background-position-x: 122%,-38%,-6%,266%,141%;
            background-position-y: center,-282%,-61%,-48%,41%;
            background-size: auto,auto,112%,75%,32%;
      }
    }
    .animation-bottom20{
        animation: 0s slidein-bottom;
    }
    .lowerads{
        animation: 1s slidein-bottom;
    }
}
@media (min-width: 768px){
    h1{
        font-size: 63px;
        line-height: 1;
    }
    
    
}
@media (max-width: 767px){
    h1{
        font-size: 46px;
        line-height: 1;
    }
    .fullheight90{
        height:94%;
    }
    .fullheight8{
        height:6%;
    }
    footer a {
        font-size: 12px !important;
    }
    .contentcontainer {
        animation-name: contentcontainer;
        height: 100vh;
        animation-duration: 1s;
        background-color: #003B6A;
        background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png);
        background-repeat: no-repeat;
        background-position-x: 33%,-819%,-494%,266%,141%;
        background-position-y: 150%,-34%,41%,-48%,41%;
        background-size: 250%,106%,107%,75%,32%;
    }
    @keyframes contentcontainer {
        0%  {background-color: #003B6A;
            background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png);
            background-repeat: no-repeat;
            background-position-x: 33%,-949%,-850%,266%,141%;
            background-position-y: 150%,-48%,15%,-48%,41%;
            background-size: 250%,106%,107%,75%,32%;}
        100% {background-color: #003B6A;
            background-image: url(../img/Rectangle1.png),url(../img/Rectangle2.png),url(../img/Rectangle3.png);
            background-repeat: no-repeat;
            background-position-x: 33%,-819%,-494%,266%,141%;
            background-position-y: 150%,-34%,41%,-48%,41%;
            background-size: 250%,106%,107%,75%,32%;
      }
    }
}
@media (max-width: 350px){
    h1{
        font-size: 41px;
        line-height: 1;
    }
    .footermobile{
        padding:0px 10px;
    }
}