*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: white;  
    font-family: 'Open Sans', sans-serif; 
    color: #373435;
    letter-spacing: 0.3px;
    color: #606062;
}
body{
    overflow-x: hidden;
}
.container{
    font-family: 'Open Sans', sans-serif;
    /* overflow-x: hidden;
    overflow-y: hidden; */
    width:100%;
    display: block;
}
:before, :after{
    box-sizing: border-box;
}
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10% 2px;
    background-color: #005680;
    position: fixed;
    z-index: 999;
    width:100%;
}
/* trial start */
.header-item .logo{
    width: 200px;
    height: 60px;
    cursor: pointer;
    margin-right: auto;
    background-color: #005680;
    position: relative;
    right: 43px;
}
    
.header-item .logo a,.header-item .logo a img{
    background-color: #005680;
} 

.item-center .menu ul li a{
    background-color: #005680;
}
.item-center .menu ul{
    background-color: #005680;
}
.item-center .menu .menu-main li{
    background-color: #005680;
}

.fa-caret-down:before {
    content: "\f0d7";
    background-color: #005689;
    color: white;
    padding-left: 5px;
}
.wrapper{
    max-width: 1400px;
    margin: auto;
}
.row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #005680;
}
.v-center{
    align-items: center;
}
header .item-left{
background-color: #005680;
flex:0 0 17%;
padding-left: 90px;
}
header .item-center{
    background-color: #005680;
    flex:0 0 77%;
    display: flex;
    justify-content: flex-end;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.header-item .menu > ul > li{
    display: inline-block;
    line-height: 50px;
    margin-left: 25px;
}
.header-item .menu > ul > li .sub-menu{
    position: absolute;
    z-index: 500;
    text-decoration: none;
    background-color: #fff;
    box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);
    padding: 5px 8px;
    transition: all 0.5s ease;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden;
}
.header-item .menu > ul > li .single-column-menu{
    min-width: 205px;
    max-width: 361px;
    border-radius: 5px;
    padding-right: 20px;
    height: 112px;
    padding-top: 5px;
    padding-left: 15px;
}
.header-item .menu > ul > li.menu-item-has-children:hover .sub-menu{
    margin-top: 0;
    visibility: visible;
    opacity: 1;
}
.header-item .menu > ul > li .sub-menu>ul>li>a:hover{
    text-decoration: underline;
}
.header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li{
    background-color: #fff;
    padding:0;
    height: 52px;
    margin-bottom: 5px;
    padding-left:5px;
    cursor: pointer;
    padding-top: 6px;
    transition: transform 1s;
}
.header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li>a{
    background-color: white;
    text-decoration: none;
    position: relative;
    bottom: 5px;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
}
.header-item .menu > ul > li .sub-menu>.list-item>.mega-links{
    background-color: #fff;
}
.header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li:not(:hover){
    padding-bottom: 6px;
    transition: all 0.5s ease;
    /* padding-left: 4px; */
}
/* .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li>a:not(:hover){
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    padding: 15px 0;
    background-color: red;
    text-decoration: underline;
} */
.header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li:hover{
    background-color:#dbf0fd !important;
    color:#005680;
    transition: all 0.6s ease;
    margin: 2px;
    transform: perspective(100px) translateZ(7px);
    
}
/* .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li>a:hover{
    background-color:#dbf0fd !important;
    color:#005680;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
} */

.header-item .menu > ul > li .sub-menu>ul{
    background-color: #fff;
    cursor: pointer;
}
.header-item .menu > ul > li .sub-menu>ul>li{
    line-height: 1;
    background-color: white;
    height: 48px;
    width: 155px;
    padding-left: 5px;
    border-radius: 3px;
    cursor: pointer;
}
.header-item .menu > ul > li .sub-menu>ul>li>a{
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    color: black;
    background-color: white;
    transition: color 0.3s ease;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
}
.header-item .menu > ul > li .sub-menu>ul>li:hover{
    background-color: #dbf0fd;
    color: #005680;
    text-decoration: none;
    padding-top: 3px;
    transition: all 0.5s ease;
    width:292px;
}
.header-item .menu > ul > li .sub-menu>ul>li>a:hover{
    background-color: #dbf0fd;
    color: #005680;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
}
.header-item .menu > ul > li .sub-menu>ul>li:not(:hover){
    text-decoration: none;
    padding-bottom: 3px;
    transition: all 0.5s ease;
    width:292px;
    background-color: #fff;
    margin: 3px 0;
    cursor: pointer;
}
.header-item .menu > ul > li .sub-menu>ul>li>a:not(:hover){
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
}
.header-item .menu > ul > li >a{
    text-decoration: none;
    color: white;
    font-size: 16px;
    position: relative;
    transition: all 0.3s ease;
    padding: 7px 7px;
}
.header-item .menu > ul > li:hover >a{
    background-color: #fff;
    color:#005680;
    border-radius: 2px;
    font-weight: bold;
    /* text-decoration: underline; */
}
header{
    display: block;
    width: 100%;
    position: fixed;
    top:0;
    z-index: 99;
    padding: 5px;
    background-color: #005680;
    height:74px;
}
.header-item .menu > ul > li .sub-menu.mega-menu{
    left:50%;
    transform: translateX(-40%);
}
.header-item .menu > ul > li .sub-menu.mega-menu-column{
    max-width: 1000px;
    width:100%;
    height:250px;
    display: flex;
    flex-wrap: wrap;
    padding:20px 15px;
    border-radius:5px;
}
.header-item .menu > ul > li .sub-menu.mega-menu-column .list-item{
    flex: 0 0 25%;
    padding:0 15px;
}
.single-column-menu ul li img{
    width: 40px ;
    height: 40px;
    background: rgba(0, 0, 0, 0);
}
.single-column-menu ul li{
    padding-top: 2px;
}
.single-column-menu ul li>.position-this{
    position: relative;
    bottom: 12px;
    left:3px;
}
.single-column-menu ul li:hover{
    transition: all 0.6s ease;
    transform: perspective(100px) translateZ(7px);
}

/* .mobile-menu-trigger{
    display: none;
} */
/* trial end */
.firstsection{
    width:100%;
    height:660px;
    /* background-image:url(../images/fold_background.gif); */
    /* background-image: url(../images/banner_background.png); */
    background-image: url(../images/color_background.png);
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: minmax(10px,auto);
    justify-content: space-around;
    /* background-image:linear-gradient(to top right, #0093AF, #6050DC); */
}
.firstsection .slider-frame-fold{
    background: rgba(0,86,128,0);
    overflow: hidden;
    width:98%;
    height:600px;
    padding-left: 10px;
    position: relative;
    float: left;
}
.banner_button{
    background: rgba(0,86,128,0);
    position: relative;
    left:16px;
    bottom:60px;
}
.header-li{
    margin-left: 5px;
    font-size: 15px;
    background: rgba(55,52,53,0);
    position: relative;
    bottom: 4px;
}
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background:rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    transition: background 0.6s ease;
  }
  .dot1 {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .dots{
    text-align:center;
    background-color: #005680;
    width: 21%;
    margin: auto;
    background: rgba(0,86,128,0);
    grid-row:3/4;
    grid-column:1/3;
    padding-bottom: 10px;
  }
  .active {
    background-color: #fff;
  }

  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
.firstsection .slider-frame-fold .slide-images-fold{
    background: rgba(0,86,128,0);;
}
.firstsection .slider-frame-fold .slide-images-fold .leftfold{
    background: rgba(0,86,128,0);
    padding: 35% 8% 8%;
}
.rightfold{
    padding:0 8% 0 0;
}
.firstsection .slider-frame-fold .slide-images-fold .leftfold h1{
    background: rgba(0,86,128,0);
    color:#fff;
    font-size: 2rem;
    font-weight: bold;
    padding: 17% auto;
    line-height: 1.3;

}
.firstsection .slider-frame-fold .slide-images-fold .leftfold p{
    background: rgba(0,86,128,0);
    margin-top: 13px;
    color:#fff;
    font-size: 1rem;
    line-height: 1.5;
    text-align: justify;
}
.sidegif{
    width:780px;
    height:660px;
    background: rgba(0,86,128,0);
}

.buttoncontainer button{
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight:400;
  vertical-align: middle;
  cursor: pointer;
  border:1px solid transparent;
  width:200px;
  height: 45px;
}
.buttonstyle{
    background-color: #E5781D;
    border-radius: 6px;
    color: #fff;
    margin-top: 29px;
    position: relative;
    left: 54px; 
    bottom: 40px;
}
.contactusside{
    background-color: #E5781D;
    border-radius: 3px 3px 0 0;
    color: #fff;
    position: fixed;
    padding: 10px 12px;
    right:-28px;
    bottom:223px;
    cursor: pointer;
    text-align: center;
    transform: rotate(-90deg);
    border: #E5781D;
    z-index: 10;
    transition: all 0.3s ease;
}
.facebookside{
    background:rgba(0, 0, 0, 0);
    position: fixed;
    padding: 10px 12px;
    right:-10px;
    bottom:144px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}
.linkedinside{
    background:rgba(0, 0, 0, 0);
    position: fixed;
    padding: 10px 12px;
    right:-10px;
    bottom:103px;
    cursor: pointer;
    text-align: center;
    z-index: 10;
    transition: all 0.3s ease;
}
.facebookside a,.linkedinside a{
border: 1px solid orange;
}
.facebookside a img,.linkedinside a img{
    background: rgba(0, 0, 0, 0);
    width:32px;
    height:32px;
    
}
.contactus{
    background: rgba(0, 0, 0, 0);
    border: none;
    color:#fff;
}
.contactusside:hover{
    background-color: #005680;
    color: #fff;
    border: #005680;
    padding:18px;
    transition: all 0.3s ease;
    /* padding-bottom: 35px; */
}
.facebookside:hover,.linkedinside:hover{
    padding-right:25px;
    transition: all 0.3s ease;
}
.contactusside img{
    transform: rotate(90deg);
    border-radius: 50%;
    width:32px;
    height:32px;
    margin-bottom: 12px;
}



.inside{
    width:20px;
    height: 45px;
    background-color: #606062;
    position: relative;
    top: 45px;
  }

.buttonstyle:hover{
    background-color: #005680;
    color:#fff;
  }
  .buttoncontainer{
      background: rgba(0,86,128,0);
  }
  .buttoncontainer:hover > .inside{
    transition-timing-function: ease;
    animation-name: roll;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 2;
    animation-direction: alternate;
    animation-delay: 0.5s;
  }
  
  @keyframes roll {
    0% {transform: translateX(0px) rotate(0);}
    50% {transform: translateX(200px) rotate(0);}
    100% {transform: translateX(0px) rotate(0);}
    }
    .rightfold{
        background-color: inherit;
    }
    .seconddiv{
        background: #DCDCDC;
        padding-bottom: 120px;
    }
    .specialization{
        width:50%;
        height:150px;
        background-color: white;
        /* box-shadow: 5px 10px 8px 5px #888888; */
        border-radius: 20px;
        margin:auto;
        z-index: 1;
        color:#000;
        font-size: 1rem;
        line-height: 1.3;
        padding: 20px;
        position: relative;
        bottom:65px;
        text-align: center;
    }
    .specialization h1{
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 6px;
        color: #005680;
    }
    .seconddivcontent{
        background-color: white;
        /* box-shadow: 5px 10px 8px 5px #888888; */
        border-radius: 20px;
        z-index: 2;
        color:#000;
        font-size: 1rem;
        line-height: 1.3;
        text-align: left;
        padding: 15px 10px;
    }
    .custom-underline{
        text-decoration: underline #E5781D;
        display: inline-block;
        text-underline-position: under;
        color:#E5781D !important;
    }
    .custom-color{
        text-decoration: underline #005680;
        text-underline-position: under;
    }
    .custom-color1{
        background-color: #005680;
        text-decoration: underline #fff;
        /* border-bottom: 3px solid #373435; */
        color: #fff;
        text-underline-position: under;
    }
   
    .gridcontainer {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-auto-rows: minmax(120px,auto);
        grid-gap: 50px;
        background-color: #DCDCDC;
        padding: 30px 50px;
      }
      .imgfloat{
          float:left;
          border-right: 1px solid grey;
          padding: 20px;
          margin-right: 30px;
      }
      .bolder{
          font-weight: bold;
      }
      .gridcontainer .seconddivcontent .services p{
        padding: 7px 20px 20px;
    }
    .secondsection{
        background-image:url(../images/bg_new.png);
        /* background-size: cover; */
    }
    .seconddiv_choice{
        width:75%;
        margin:50px auto 0;
        text-align: center;
        line-height: 1.6;
        background: rgba(255,255,255,0);
    }
    .seconddiv_choice h1, .seconddiv_choice p{
        background: rgba(255,255,255,0);
    }
    .bg-modal{
        width: 100%;
        height: 108%;
        background-color: rgba(0,0,0,0.7);
        position: fixed;
        z-index: 15;
        top:0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease;
        display: none;
    }
    .bg-modal-second{
    width: 100%;
    height: 275%;
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    display: none;
    z-index: 40;
    }
    .modal-content{
        width: 840px;
    height: 640px;
        background-color: white;
        text-align: center;
        /* padding: 30px; */
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left;
        position: fixed;
        transition: all 0.3s ease;
    }
    #contactus2{
        align-items: center;
        justify-content: center;
        position: relative;
        top: 16%;
        width: 325px;
        left: 7%;
    }
    .modalinputs h1{
        color: #373435;
        margin: 0 20px 30px 0;
        font-size: 1.15rem;
        font-weight: bold;
        line-height: 1.4;
        /* position: relative;
    bottom: 10px; */
    }
    .modalinputs form{
        position: relative;
    bottom: 10px;
    }
    .modalinputs label{
        color: #373435;
        margin: 5px 0 20px;
        font-size: 0.85rem;
        font-weight: bold;
    }
    .modalinputs input{
        border: 0.5px solid #C5C5C5;
        margin:6px 0 13px;
        width: 90%;
        height: 31px;
        border-radius: 2px;
        padding: 2px;
    }
    #countrycode{
        display: inline-block;
        height: 31px;
        border: 1px solid #C5C5C5;
        border-radius: 2px;
    }
    #modalcontact{
        border: 1px solid #C5C5C5;
        margin:8px 0 13px;
        width: 78%;
        height: 31px;
        border-radius: 2px;
    }
    textarea{
        border-color: #C5C5C5;
    }
    #modalsubmit{
        border: 1px solid #E5781D;
        margin:10px 0 13px;
        width: 40%;
        height: 36px;
        border-radius: 4px;
        background-color: #E5781D;
        color:white;
        text-align: center;
        position: relative;
        left:75px;
        top:10px;
        cursor: pointer;
    }
   
        #modalsubmit:hover{
            color: #fff;
            background-color: #005680;
            border:none;
        }
    
    .position-button{
        background: rgba(255,255,255,0);
        grid-row: 2/3;
        grid-column: 3/4;
        position: relative;
        right: -170px;
        bottom: -10px;
    }
    .grid1modal{
        grid-column: 1/3;
        padding: 0;
    }
    .gridposition{
        position: absolute;
        bottom: 0;
    }
    .close{
        position: absolute;
        top:10px;
        right: 10px;
        font-size: 40px;
        transform: rotate(45deg);
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .close1{
        position: absolute;
        top:10px;
        right: 10px;
        font-size: 40px;
        transform: rotate(45deg);
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .construction{
        position: relative;
        bottom:30px;
        left:50px;
    }
    .construction:hover{
        color: #E5781D;
    }
    .thirdextended{
        width:68%;
        margin:0 auto;
        text-align: center;
        line-height: 1.6;
        background-image: url(../images/bg_new.png);
    }
    .seconddiv_choice h1, .thirdextended h1{
        font-size: 2rem;
        margin-bottom: 20px;
        font-weight: 100;
        background: rgba(0, 0, 0, 0);
    }
    .seconddiv_choice p, .thirdextended p{
        font-weight: 100;
        background: rgba(0, 0, 0, 0);
        margin-top: 10px;
    }

    .thirddiv{
        display:grid;
        grid-auto-rows: minmax(10px, auto);
        grid-template-columns: 40% 10% 50%;
        margin: auto;
        padding: 70px 5px 0px 50px;
        justify-items: center;
        margin-bottom: 40px;
        background: rgba(255,255,255,0);
        /* max-width: 900px; */
        letter-spacing: 0px !important;
    }
   
    
    .service-box{
        width:100%;
        max-width: 700px;
        height:270px;
        position: relative;
        overflow: hidden;
        background: rgba(255,255,255,0);
        margin-left:50px;
    }
    .animation-item{
        opacity:0;
        position:relative;
        }
        .animation-item.slide-left{
            opacity:0;
            -moz-transition:all 1500ms linear;
            -webkit-transition:all 1500ms linear;
            -o-transition:all 1500ms linear;
            transition:all 1500ms linear;
            -moz-transform: translate3d(-150px, 0px, 0px);
            -webkit-transform: translate3d(-150px, 0px, 0px);
            -o-transform: translate3d(-150px, 0px);
            -ms-transform: translate3d(-150px, 0px);
            transform: translate3d(-150px, 0px, 0px);
            }
            .animation-item.slide-left.item-in-view, .animation-item.slide-right.item-in-view{
                opacity:1;
                -moz-transform: translate3d(0px, 0px, 0px);
                -webkit-transform: translate3d(0px, 0px, 0px);
                -o-transform: translate3d(0px, 0px);
                -ms-transform: translate3d(0px, 0px);
                transform: translate3d(0px, 0px, 0px);
                }
    .service-box1{
        width:100%;
        max-width: 700px;
        height:300px;
        position: relative;
        overflow: hidden;
    }
    .card{
        margin-bottom: 50px;
        /* margin-top: 40px; */
        background: rgba(255,255,255,0);
        transition: all 0.5s ease;
    }
    .fa-arrow-right:before{
        margin-left:0px;
        transition: margin-left 0.3s linear;
        color:#005680;
    }
    .card:hover .fa-arrow-right:before{
        /* background-color:#005680; */
        margin-left: 15px;
        color:#E5781D;
    }
    .card1{
        margin: 0px 60px 20px;
    }
    .thirddivimg{
        
        width:690px;
        height:360px;
        /* background-color: #fff;
        box-sizing: border-box;
        box-shadow: 7px 2px 16px 10px rgb(0 0 0 / 14%); */
        padding-left: 30px;
        border-radius: 10px;
        margin-right: 90px;
    }
    .thirddivrightimg{
        width: 530px;
        height: 300px;
    }
    .thirddivcontent{
        padding: 20px 0 52px 20px;
        line-height: 1.6;
        position: relative;
        transition: 0.5s;
        background: rgba(255,255,255,0);
    }
    .thirddivcontent .card h1{
        font-size: 1.7rem;
        margin-bottom: 6px;
        font-weight: 100;
        background: rgba(255,255,255,0);
    }
    .thirddivcontent .card p{
        margin: 15px 0;
        font-weight: 100;
        background: rgba(255,255,255,0);
        text-align: justify;
    }
    .thirddivcontent .card p a{
        background: rgba(255,255,255,0);
        color: #005680;
        font-size: 1.05rem;
    }
   
    #up-arrow{
        position: relative;
        left: 710px;
        bottom: 37px;
        z-index: 10;
        border-radius: 50%;
        cursor: pointer;
        width: 70px;
        height: 70px;
        visibility: hidden;

    }
    #down-arrow{
        position: relative;
        top:20px;
        right:-120px;
        border-radius: 50%;
        z-index: 10;
        cursor: pointer;
        width: 70px;
        height: 70px;
        visibility: hidden;
    }
    .hide{
        display: none;
    }
    /* #up-arrow:hover, #down-arrow:hover {
        opacity: 0.7;
      } */
      @-webkit-keyframes pulse-grow-on-hover {
        to {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
        }
      }
      @keyframes pulse-grow-on-hover {
        to {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
        }
      }
      .pulse-grow-on-hover {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      }
      .pulse-grow-on-hover:hover, .pulse-grow-on-hover:focus, .pulse-grow-on-hover:active {
        -webkit-animation-name: pulse-grow-on-hover;
        animation-name: pulse-grow-on-hover;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
      }
      
    .sidebar{
        width:60px;
        height:33%;
        /* height: 75%; */
        box-sizing: border-box;
        background: rgba(255,255,255,0);
        float: right;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* justify-content: space-evenly; */
        align-items: center;
    }
    .icon-sticky{
        display: sticky;
        top:200px;
        position: relative;
        top:30px;
        /* right:20px; */
        z-index: 10;
        
    }
    .thirdslider{
        height:250px;
        margin:auto;
        position: relative;
        width:100%;
        display: grid;
        place-items: center;
        overflow: hidden;
        background-image: url(../images/bg_new.png);
    }
    .thirdslider-track{
        display: flex;
        width:calc(250px * 16);
        animation: scroll 40s linear infinite;
        background:rgba(0,0,0,0);
    }
    @keyframes scroll {
        0%{
            tranform:translateX(0);
        }
        100%{
            transform: translateX(calc(-250px * 8));
        }
    }
    .thirdslide{
        height:200px;
        width:250px;
        display: flex;
        align-items: center;
        padding: 15px;
        perspective: 130px;
    }
    .thirdslide img{
        width:100%;
        transition: transform 1s;
    }
    .thirdslide img:hover{
        transform: translateZ(20px);
    }
    /* .thirddivimges img{
        background-color: inherit;
        width:125px;
        height:80px;
        margin:40px 30px;
        border:2px solid #005680;
    }
    .thirddivimges{
        background-color: inherit;
        animation: scrolling 20s linear infinite;
    }
    @keyframes scrolling{
        0%{
            transform: translateX(10vw);
        } 
        100%{
            transform: translateX(-100vw);
        } 
    } */
    /* .thirddivcontent button{
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight:400;
        vertical-align: middle;
        cursor: pointer;
        border:1px solid transparent;
        width:220px;
        height: 40px;
        background-color: #005680;
        color: white;
        margin-top: 20px;
    } */
    .fourthdiv{
        display:grid;
        /* background-image:url(../images/color_background.png); */
        background-size: cover;
        color:white;
        grid-auto-rows: minmax(170px,auto);
        margin: auto;
        padding: 10px 50px;
        justify-items: center;
        text-align: center;
        overflow-x: hidden;
        height: 135px;
        overflow-y: hidden;
    }
    .fourthdivcontent{
        background: rgba(0,86,128,0);
        color:white;
        line-height: 1.6;
        width:75%;
        margin:10px auto;
        text-align: center;
    }
    .fourthdivcontent h1{
        background-color: inherit;
        font-size: 2rem;
        font-weight: 100;
        margin-bottom: 20px;
        color:white;
    }
    .fourthdivcontent p{
        background-color: inherit;
        color:#606062;
        font-weight: 100;
        margin-top: 10px;
    }

    
    .fifthdiv{
        background-image: url(../images/bg_new.png);
        padding: 60px 60px 0;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        justify-content: center;
        /* margin-bottom: 40px; */
    }
    .fifthsectionleft{
         box-sizing: border-box;
         width:800px;
         height:350px;
        /* box-shadow: 3px 2px 7px 2px rgba(131, 126, 126, 0.5); */
        padding: 7px 30px 0px;
        border-radius: 15px;
        margin: 20px auto;
        text-align: center;
    }
    .fifthdiv .fifthdivleft{
        width:725px;
        height:350px;
        background-color: #fff;
        padding-left: 30px;
        border-radius: 5px;
        position: relative;
        float: left;
        margin-bottom: 50px;
        text-align: center;
        background: rgba(219,240,253,0);
    }
    .fifthdivleft img{
        /* border-radius: 10px; */
        /* border: 2px solid #005680; */
        width:111%;
       
        /* float:left; */
    }
    .fifthdivleft .content{
        /* margin-top:62px; */
        line-height: 1.6;
        position:relative;
        background: rgba(219,240,253,0);
        /* bottom:40px; */
        /* left:150px; */
    }
    .fifthdivleft .content h1{
        color:#005680;
        font-size: 1.3rem;
        font-weight: 100;
        background: rgba(219,240,253,0);
    }
    .fifthdivright img{
        width: 800px;
    position: relative;
    right: 54px;
    }
    .testim{
        box-sizing: border-box;
         width:80%;
         height:500px;
        box-shadow: 7px 2px 16px 10px rgb(0 0 0 / 14%);
        padding:10px 30px;
        border-radius: 15px;
        margin:0 auto;
        position: relative;
        bottom: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        /* background-color: #afb4b8; */
    }
    .slider_fifth{
        width: 800px;
        height: 425px;
        border-radius: 10px;
        overflow: hidden;
        background: rgba(219,240,253,0);
      }
      .slides_fifth{
        width: 500%;
        height: 425px;
        display: flex;
        background: rgba(219,240,253,0);
      }
      .slides_fifth input{
        display: none;
        background: rgba(219,240,253,0);
      }
      
      .slide_fifth{
        width: 20%;
        transition: 2s;
        background: rgba(219,240,253,0);
      }
      /*css for manual slide navigation*/

.navigation-manual{
    position: absolute;
    width: 800px;
    margin-top: -23px;
    display: flex;
    justify-content: center;
    background: rgba(0,0,0,0);
  }
  .manual-btn{
    border: 2px solid #005680;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
    margin-top: 30px;
    background: rgba(0,0,0,0);
  }
  .manual-btn:not(:last-child){
    margin-right: 10px;
    background: rgba(0,0,0,0);
  }
  .manual-btn:hover{
    background: #005680;
    background: rgba(0,0,0,0);
  }
  #radio1:checked ~ .first{
    margin-left: 0;
  }
  
  #radio2:checked ~ .first{
    margin-left: -20%;
  }
  
  #radio3:checked ~ .first{
    margin-left: -40%;
  }
  
  #radio4:checked ~ .first{
    margin-left: -60%;
  }
  /*css for automatic navigation*/

.navigation-auto{
    position: absolute;
    display: flex;
    width: 800px;
    justify-content: center;
    margin-top: 432px;
    background: rgba(0, 0, 0, 0);
  }
  
  .navigation-auto div{
    border: 2px solid #005680;
    padding: 5px;
    border-radius: 10px;
    transition: 1s;
  }
  
  .navigation-auto div:not(:last-child){
    margin-right: 10px;
  }
  
  #radio1:checked ~ .navigation-auto .auto-btn1{
    background: #005680;
  }
  
  #radio2:checked ~ .navigation-auto .auto-btn2{
    background: #005680;
  }
  
  #radio3:checked ~ .navigation-auto .auto-btn3{
    background: #005680;
  }
  
  #radio4:checked ~ .navigation-auto .auto-btn4{
    background: #005680;
  }

      
    .length_hr{
        border: none;
        border-top:3px solid #005680;
        width:5%;
        text-align: center;
        margin: 40px auto 0;
    }
    .testim .testim_h{
        font-size: 1.8rem;
        text-align: center;
        margin:15px auto 15px;
    }
    .testim .testim_p{
        text-align: center;
       
    }
    /* .fifthdivright .marker2{
        top:304%;
        right:25%;
    } */
    /* .fifthdivright span{
        position:absolute;
        width: 10px;
        height:10px;
        border-radius: 50px;
        top:292%;
        right:20%;
        background-color: #005680;
        animation: highlight 1.5s linear infinite;
    }
    @keyframes highlight {
        100%{
            transform: scale(5);
            opacity: 0;
        }
    } */
    .comments{
        /* clear:both; */
        line-height: 1.6;
        padding: 0 20px;
        font-size: 1rem;
        margin-left: 10px;
        background: rgba(219,240,253,0);
    }
    .comments p{
        /* margin-left: 165px; */
    margin-top: 20px;
    width:100%;
    text-align: justify;
    background: rgba(219,240,253,0);
    }
   
    .slider-frame{
        overflow: hidden;
        width:775px;
        height:417px;

    }
    /* @-webkit-keyframes slide_animation{
        0%{left:0;}
        10%{left:0;}
        20%{left:725px;}
        30%{left:725px;}
        40%{left:725px;}
        50%{left:725px;}
        60%{left:725px;}
        70%{left:725px;}
        80%{left:0;}
        90%{left:0;}
        100%{left:0;}
    } */
    .slide-images{
        width:1650px;
        height:320px;
        margin:0 0 0 -725px;
        position: relative;
        /* -webkit-animation-name:slide_animation;
        -webkit-animation-duration: 33s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        -webkit-animation-play-state: running; */

    }
    .customers{
        padding: 110px 50px  60px 50px;
        line-height: 1.5;
        max-width: 51%;
        border-left: 1px solid grey;
        min-height: 100px;
        overflow:hidden;
        margin-top: 20px;
    }
    .customers h1{
        background-color: inherit;
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 20px;
        color: #005680;
        
    }
   .line{
    width:100%;
    }
    .color-1{
    background:#E5781D;
    display:block; width:45%; float:left; height:8px;
    }
    .color-2{
    background:#005680;
    display:block; width:55%; float:left; height:8px;
    }
    nav .menu-btn i{
        color: white;
        font-size: 25px;
        cursor: pointer;
        background-color:#005680 ;
        display: none;
    }
    #click{
        display: none;
    }
   
    footer{
        display: grid;
        grid-template-columns: repeat(6,1fr);
        grid-template-rows: repeat(3,150px);
        /* grid-gap: 50px; */
        color: white;
        padding:50px 50px 10px;
        background-image:url(../images/footer_background.png);
        letter-spacing: 0.5px;
    }
    footer a{
        cursor: pointer;
    }
    .grid0{
        background: rgba(55,52,53,0);
    }
    .grid0 h1{
        background: rgba(55,52,53,0);
        color: white;
    }
    .grid1{
        grid-row: 1/2;
        grid-column: 2/3;
        background: rgba(55,52,53,0);
    
    }
    .grid1 p{
        background: rgba(55,52,53,0);
        color: white;
        margin-left: 7px;
        line-height: 1.8;
    }
    .grid1 img{
        background: rgba(55,52,53,0);
    }
    
    footer .servicesfooter ul li{
        line-height: 1.8;
        background: rgba(55,52,53,0);
        color: white;
        font-size: 1rem;
    }
    footer .servicesfooter ul li a{
        text-decoration: none;
        background: rgba(55,52,53,0);
        color: white;
        font-size: 1rem;
    }
    footer .servicesfooter ul li a:hover{
        text-decoration: underline;
        color: #E5781D;
    }
    .grid2{
        margin-top: 25px;
        grid-row: 1/2;
        grid-column: 3/4;
        background: rgba(55,52,53,0);
        color: white;
    }
    .grid2 ul{
        background: rgba(55,52,53,0);
        position: relative;
        left:50px;
    }
    .grid2 ul li, .grid2 ul li a{
        background: rgba(55,52,53,0);
    }
    #services-dropdown{
        width:90%;
        border: 0.5px solid #707070;
    margin: 6px 0 13px;
    height: 31px;
    border-radius: 2px;
    padding: 2px;
    }
    footer .servicesfooter ul{
        background: rgba(55,52,53,0);
        color: white;
    }
    .grid3{
        background: rgba(55,52,53,0);
        color: white;
        grid-row: 1/2;
        grid-column: 4/5;
    }
    .grid3 ul{
        margin-top: 25px;
    }
   
   
    .grid4{
        background: rgba(55,52,53,0);
        color: white;
        grid-column: 2/3;
        grid-row: 1/2;
        grid-row: 1/2;
        grid-column: 5/6;
    }
   
    .grid4 p{
        background: rgba(55,52,53,0);
        color: white;
        line-height: 2;
    }
    .grid4 ul{
        margin-top: 25px;
        text-align: left;
    }
    .grid5{
        background: rgba(55,52,53,0);
    }
    
   .footer_hr{
       border: none;
       border-top:1.5px solid #fff;
       background: rgba(55,52,53,0);
       grid-column: 1/7;
       grid-row:4/5;
       width:100%;
       margin-bottom: 10px;
   }
   .footer_hr_above{
    border: none;
    border-top:1.5px solid #fff;
    position: relative;
    top:138px;
    right:25px;
    grid-column:2/6;
    background: rgba(55,52,53,0);
    width:100%;
    margin-bottom: 10px;
}
.fas{
    color: #fff;
    background: rgba(0,0,0,0);
    margin-right: 3px;
}
   .grid7{
       grid-column: 2/4;
       grid-row: 3/4;
       background: rgba(55,52,53,0);
       color: white;
       text-align: left;
       margin-left: 10px;
       align-self: center;

   }
   .grid7 p{
    background: rgba(55,52,53,0);
    color: #fff;
    /* margin: 0 5px;
    height:50px; */
   }
   .grid7 .email a{
    background: rgba(55,52,53,0);
    color: #fff;
   }
   .grid7 .email a:hover{
       text-decoration: underline;
   }
   .grid7 .email i{
    background: rgba(55,52,53,0);
    margin-right: 5px;
    color: #fff;
   }
   .grid6{
    background: rgba(55,52,53,0);
   }
   .grid8{
    background: rgba(55,52,53,0);
    grid-column: 3/5;
    grid-row: 3/4;
    text-align: center;
    align-self: center;
    padding-top: 15px;
   }
   .grid8 p{
    background: rgba(55,52,53,0);
    color: #fff;
   }
   .grid8 a img{
    border-radius: 50%;
    width:30px;
    height:30px;
     margin: 10px 5px;
   }
   .grid8 a{
    background: rgba(55,52,53,0);
   }
   .grid9{
    grid-column: 5/6;
    grid-row: 3/4;
    background: rgba(55,52,53,0);
    color: white;
    align-self: center;
   }
  
   .grid9 p{
    background: rgba(55,52,53,0);
    color: white;
    margin-left: 10px;
   }
   .grid9 .line_h{
       margin: 10px;
       position: relative;
    right: 25px;
    margin-top: 15px;
   }
   .grid10{
    background: rgba(55,52,53,0);
    grid-column: 1/3;
    grid-row: 4/5;
    margin-top: 7px;
   }
   .grid10 img{
    background: rgba(55,52,53,0);
   }
   .grid11{
    background: rgba(55,52,53,0);
    grid-column: 3/6;
    grid-row: 4/5;
    margin-top: 34px;
   }
   .grid11 p{
       background: rgba(55,52,53,0);
       color: #fff;
   }
   .grid12{
       grid-column: 6/7;
       grid-row: 4/5;
       background: rgba(55,52,53,0);
        color: white;
        text-align: right;
        margin-top: 7px;
   }
   .grid12 img{
    background: rgba(55,52,53,0);
   }
    #services-dropdown{
        width:90%;
        border: 0.5px solid #C5C5C5;
    margin: 6px 0 13px;
    height: 31px;
    border-radius: 2px;
    padding: 2px;
    }
   
    /* body{
        display: flex;
        overflow-x: hidden;
    } */
      
      .slider{
        width: 100%;
        height: 662px;
        overflow: hidden;
      }
      
      .slides{
        width: 500%;
        height: 662px;
        display: flex;
      }
      
      .slides input{
        display: none;
      }
      
      .slide{
        width: 20%;
        transition: 2s;
      }
      
      .slide img{
        height: 662px;
      }
      
      
   
          
     
    .nav_links{
        list-style: none;
        background-color: #005680;
    }
    .nav_links a,.nav_links button{
        text-decoration: none;
        background-color: inherit;
        transition: all 0.3s ease 0s;
    }
    .nav_links a.active,.nav_links a:hover{
        color: #E5781D;
        text-decoration: underline;
    }
      
    
    .dashborder{
      border-right: 1px dashed #005680;
    }
    .mega-links img{
      width:40px;
      height:40px;
      float: left;
      background: rgba(0, 0, 0, 0);
    }
    
    .mega-links li a{
    background-color: #fff;
    margin: 0 0 10px 10px;
    font-size: 0.9rem;
    font-weight: 400;
    }  
    .fa-arrow-circle-left{
        position: relative;
        top: 234px;
    left: 200px;
        background:rgba(0, 0, 0, 0);
        z-index: 2;
    }
    .fa-arrow-circle-right{
        position: relative;
    bottom: 308px;
    left: 1160px;
        background:rgba(0, 0, 0, 0);
    }
    .swal-text {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif; 
        position: relative;
        float: none;
        line-height: normal;
        vertical-align: top;
        text-align: left;
        display: inline-block;
        margin: 0;
        padding: 0 10px;
        font-weight: 400;
        color: #606062;
        max-width: calc(100% - 20px);
        overflow-wrap: break-word;
        box-sizing: border-box;
    }
    .swal-button {
        background-color: #E5781D;
        color: #fff;
        border: none;
        box-shadow: none;
        border-radius: 3px;
        font-weight: 600;
        font-size: 14px;
        padding: 10px 24px;
        margin: 0;
        cursor: pointer;
    }
    .swal-button:hover {
        background-color: #005680;
        color: #fff;
        /* border: none;
        box-shadow: none;
        border-radius: 3px;
        font-weight: 600;
        font-size: 14px;
        padding: 10px 24px;
        margin: 0; */
        /* cursor: pointer; */
    }
    swal-modal {
        width: 478px;
        opacity: 0;
        pointer-events: none;
        background-color: #fff;
        text-align: center;
        border-radius: 3px;
        position: static;
        margin: 20px auto;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        z-index: 10001;
        transition: opacity .2s,-webkit-transform .3s;
        transition: transform .3s,opacity .2s;
        transition: transform .3s,opacity .2s,-webkit-transform .3s;
    }
    
   .mobile-menu-trigger{
       display: none;
   }
   /* .flex_p{
    flex:0 0 33.33%;
   } */
   .mobile-menu-close{
       display: none;
   }
   .leftsection{
    width:90%;
    line-height: 1.8;
    text-align: justify;
    background: rgba(0, 0, 0, 0);
}
.leftsection div{
   margin: 50px 0 125px;
   background: rgba(0, 0, 0, 0);
}
.leftsection a{
    cursor: pointer;
}
.leftfirst:hover .hoveron1{
    color:#E5781D;
    }
    .leftsecond:hover .hoveron2{
        color:#E5781D;
        }
        .leftthird:hover .hoveron3{
            color:#E5781D;
            }
            .leftfourth:hover .hoveron4{
                color:#E5781D;
                }
                .leftfifth:hover .hoveron5{
                    color:#E5781D;
                    }
.leftsixth:hover .hoveron6{
color:#E5781D;
}
.leftsection:hover .fa-arrow-right{
    color:#E5781D;
    }
.rightsection{
    margin-bottom: 125px;
     position: sticky;
     top:200px;
}
.leftsection .buttoncontainer{
    margin: 30px 0;
    position: relative;
    right:60px;
}
.leftsection h1{
    font-size: 1.7rem;
    margin-bottom: 6px;
    font-weight: 100;
    background: rgba(255,255,255,0);
}
.leftsection p{
    margin: 15px 0;
    font-weight: 100;
    background: rgba(255,255,255,0);
    text-align: justify;
}
.leftsection p a{
    background: rgba(255,255,255,0);
    color: #005680;
    font-size: 1.05rem;
}

.fa-arrow-right:before{
    margin-left:0px;
    transition: margin-left 0.3s linear;
    color:#005680;
}
.leftsection div:hover .fa-arrow-right:before{
    /* background-color:#005680; */
    margin-left: 15px;
    color:#E5781D;
}
.smoothTransition{
    transition: all 0.5s ease-in-out;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    30%{
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
   .menu-overlay{
       position:fixed;
       background-color: rgba(0,0,0,0.5);
       left:0;
       top:0;
       width:100%;
       height:100%;
       z-index: 400;
      visibility: hidden;
      opacity: 0;
      transition: all 0.5s ease;
   }
   .menu-overlay.active{
    visibility: visible;
    opacity: 1;
   }
   .for-mobile-view{
       display: none;
   }
    /* .row,.row1{
        animation:fadeIn 0.2s forwards;
    }
    @keyframes fadeIn {
        from{
           opacity: 0;
        }
        to{
            opacity: 1;
        }
    }
    .dp-content1::before,.dp-content2::before{
        animation:fadeIn 0.4s forwards;
    }
    @keyframes fadeIn {
        from{
           opacity: 0;
        }
        to{
            opacity: 1;
        }
    } */
    /* .mega-links {
        animation-duration: 0.6s;
        animation-name: slidein;
      }
      
      @keyframes slidein {
        from {
          margin-left: 100%;
          width: 300%;
        }
      
        to {
          margin-left: 0%;
          width: 100%;
        }
      } */
   
    @media (min-width:1910px) {
        .sidegif{
            position: relative;
            left: 210px;
        }
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 28px;
            top:0px;
        }
        .position-button {
            background: rgba(255,255,255,0);
            grid-row: 2/3;
            grid-column: 3/4;
            position: relative;
            right: -193px;
            bottom: -10px;
        }
        #down-arrow {
            position: relative;
            top: 200px;
            right: -251px;
            border-radius: 50%;
            z-index: 10;
            cursor: pointer;
            width: 70px;
            height: 70px;
        }
        #up-arrow {
            position: relative;
            left: 844px;
            bottom: 30px;
            z-index: 10;
            border-radius: 50%;
            cursor: pointer;
            width: 70px;
            height: 70px;
        }
        .footer_hr_above {
            border: none;
            border-top: 1.5px solid #fff;
            position: relative;
            top: 110px;
            right: 55px;
            grid-column: 2/6;
            background: rgba(55,52,53,0);
            width: 100%;
            margin-bottom: 10px;
        }
        .header-item .logo {
            width: 200px;
            height: 60px;
            cursor: pointer;
            margin-right: auto;
            background-color: #005680;
            position: relative;
            right: 142px;
        }
        .thirddivimg{
        
            width:835px;
            height:350px;
            /* background-color: #fff;
            box-sizing: border-box;
            box-shadow: 7px 2px 16px 10px rgb(0 0 0 / 14%); */
            padding-left: 30px;
            border-radius: 10px;
            margin-left: 25px;
        }
        .service-box{
            width:100%;
            max-width: 700px;
            height:240px;
            position: relative;
            overflow: hidden;
            background: rgba(255,255,255,0);
            margin-left:120px;
        }
        .animation-item{
            opacity:0;
            position:relative;
            }
            .animation-item.slide-left{
                opacity:0;
                -moz-transition:all 1500ms linear;
                -webkit-transition:all 1500ms linear;
                -o-transition:all 1500ms linear;
                transition:all 1500ms linear;
                -moz-transform: translate3d(-150px, 0px, 0px);
                -webkit-transform: translate3d(-150px, 0px, 0px);
                -o-transform: translate3d(-150px, 0px);
                -ms-transform: translate3d(-150px, 0px);
                transform: translate3d(-150px, 0px, 0px);
                }
                .animation-item.slide-left.item-in-view, .animation-item.slide-right.item-in-view{
                    opacity:1;
                    -moz-transform: translate3d(0px, 0px, 0px);
                    -webkit-transform: translate3d(0px, 0px, 0px);
                    -o-transform: translate3d(0px, 0px);
                    -ms-transform: translate3d(0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
                    }
                    .card{
                        margin-bottom: 50px;
                        /* margin-top: 40px; */
                        background: rgba(255,255,255,0);
                        transition: all 0.5s ease;
                    }
                    .wrapper {
                        max-width: 1615px;
                        margin: auto;
                    }
                    header .item-center {
                        background-color: #005680;
                        flex: 0 0 72%;
                        display: flex;
                        justify-content: flex-end;
                    }
                    header .item-left {
                        background-color: #005680;
                        flex: 0 0 17%;
                        padding-left: 203px;
                    }
                    .text-area{
                        width:28.5em;
                    }
                    .card1 {
                        margin: 0px 138px 20px;
                    }
    }
    @media(min-width:2100px){
        .sidegif {
            position: relative;
            left: 275px;
        }
        .firstsection_about .rightfold_about h1 {
            padding: 12% 4% 3% 0 !important;
        }
    }
    @media(min-width:2200px){
        .sidegif {
            position: relative;
            left: 320px;
        }
    }
    @media(min-width:2250px){
        .sidegif {
            position: relative;
            left: 345px;
        }
        .firstsection .slider-frame-fold .slide-images-fold .leftfold {
            background: rgba(0,86,128,0);
            padding: 28% 8% 8%;
        }
    }
    @media (min-width: 2350px){
.sidegif {
    position: relative;
    left: 395px;
}
}
    @media(min-width:2450px){
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 58px;
            top: 0px;
        }
        .sidegif {
            position: relative;
            left: 445px;
        }
    }
    @media (min-width: 2600px){
.sidegif {
    position: relative;
    left: 520px;
}
}   
@media(min-width:2800px){
    .sidegif {
        position: relative;
        left: 613px;
    }
    .firstsection .slider-frame-fold .slide-images-fold .leftfold {
        background: rgba(0,86,128,0);
        padding: 25% 8% 8%;
    }
}
@media(min-width:3000px){
    .sidegif {
        position: relative;
        left: 720px;
    }
}

    @media(max-width:1450px){
        .card{
            margin-bottom: 75px;
            /* margin-top: 40px; */
            background: rgba(255,255,255,0);
            transition: all 0.5s ease;
        }
        .position-button {
            background: rgba(255,255,255,0);
            grid-row: 2/3;
            grid-column: 3/4;
            position: relative;
            right: -104px;
            bottom: -37px;
        }
        #up-arrow {
            position: relative;
            left: 685px;
            bottom: 37px;
            z-index: 10;
            border-radius: 50%;
            cursor: pointer;
            width: 70px;
            height: 70px;
        }
        #down-arrow {
            position: relative;
            top: 200px;
            right: -95px;
            border-radius: 50%;
            z-index: 10;
            cursor: pointer;
            width: 70px;
            height: 70px;
        }
        header .item-center {
            background-color: #005680;
            flex: 0 0 72%;
            display: flex;
            justify-content: flex-end;
        }
        header .item-left {
            background-color: #005680;
            flex: 0 0 17%;
            padding-left: 72px;
        }
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 9px;
            bottom: 50px;
        }
        .card1{
            margin: 0 30px 20px;
        }
        .leftsection .buttoncontainer {
            margin: 30px 0;
            position: relative;
            right: 43px;
        }
        .thirddivimg {
            width: 593px;
            height: 345px;
            /* background-color: #fff;
            box-sizing: border-box;
            box-shadow: 7px 2px 16px 10px rgb(0 0 0 / 14%); */
            padding-left: 30px;
            border-radius: 10px;
            margin-right: 0px;
        }
    }
    @media (max-width:1300px){
    nav .menu-btn i{
         display: block;
         text-align: center;
        }
    #click:checked ~ .menu-btn i:before{
      content: "\f00d";
    }
     nav ul{
          position: fixed;
          top:71px;
          left:-100%;
          height: 100vh;
          width: 100%;
          display: block;
          text-align: center;
          transition: all 0.3s ease;
      }
      .nav_links li{
        display: block;
        padding:20px;
        background-color: inherit;
    }
    
      #click:checked ~ ul{
        left: 0%;
    }
      nav ul li{
          margin: 20px 0;
          display: block;
      }
      .dropdown{
          background-color: #005680;
      }
      nav ul li a{
        font-size: 18px;
        display: block;
      }
      .dropdown .dropbtn{
        font-size: 18px;
      }
      .dropdown-content {
        position: relative;
        width: 50%;
        margin: 5px auto;
        z-index: 1;
    }
      .nav_links a.active,.nav_links a:hover{
        color: #E5781D;
        text-decoration: none;
    }
    .sidegif{
            z-index: 10;
            width: 638px;
            height: 660px;
            background: rgba(0,86,128,0);
            margin-top: 59px;
    }
    .card{
        margin-bottom: 49px;
        /* margin-top: 40px; */
        background: rgba(255,255,255,0);
        transition: all 0.5s ease;
    }
    .fa-arrow-circle-left{
        position: relative;
        top: 234px;
    left: 138px;
        background:rgba(0, 0, 0, 0);
        z-index: 2;
    }
    .fa-arrow-circle-right{
        position: relative;
    bottom: 308px;
    left: 987px;
        background:rgba(0, 0, 0, 0);
    }
    
    .row,.row1,.mega-links,.dp-content1::before,.dp-content2::before {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        animation: none !important;
      }
      
            .wrapper {
                max-width: 1125px;
                margin: auto;
            }
            header .item-center {
                background-color: #005680;
                flex: 0 0 72%;
                display: flex;
                justify-content: flex-end;
            }
            header .item-left {
                background-color: #005680;
                flex: 0 0 17%;
                padding-left: 72px;
            }
        /* .row{
            display: block;
            position: relative;
            border-radius: 0;
            transition: all 0.3s ease 0s; */
            /* background:rgba(255,255,255,0.4); */
              /* }
              .dp-content1{
                position: relative;
                transition: all 0.3s ease 0s; */
                /* background:rgba(255,255,255,0.4); */
                /* opacity: 0.8; */
            /* } */
            .buttonstyle{
           
                position: relative;
                left: 40px; 
                bottom: 40px;
            }
            #up-arrow{
                position: relative;
                left: 648px;
                bottom: 25px;
                z-index: 10;
                border-radius: 50%;
                cursor: pointer;
            }
            #down-arrow {
                position: relative;
                top: 203px;
                right: -57px;
                border-radius: 50%;
                cursor: pointer;
            }
            .position-button {
                background: rgba(255,255,255,0);
                grid-row: 2/3;
                grid-column: 1/2;
                position: relative;
                right: -130px;
                bottom: -25px;
            }
            .dots{
                z-index: 13;
            }
            .banner_button {
                background: rgba(0,86,128,0);
                position: relative;
                left: 20px;
                top:10px;
            }
            .firstsection .slider-frame-fold .slide-images-fold .leftfold{
                background: rgba(0,86,128,0);
                padding: 45% 8% 8%;
            }
            .service-box{
                width:100%;
                max-width: 700px;
                height:270px;
                position: relative;
                overflow: hidden;
                background: rgba(255,255,255,0);
                margin-left:0px;
                letter-spacing: normal !important;
            }
            .thirddivimg {
                width: 630px;
                height: 368px;
                /* background-color: #fff;
                box-sizing: border-box;
                box-shadow: 7px 2px 16px 10px rgb(0 0 0 / 14%); */
                padding-left: 30px;
                border-radius: 10px;
                margin-right: 0px;
            }
            .card1 {
                margin: 0px 35px 20px;
            }
            .thirddiv {
                display: grid;
                grid-auto-rows: minmax(10px, auto);
                grid-template-columns: 40% 10% 50%;
                margin: auto;
                padding: 70px 50px 0px;
                justify-items: center;
                /* margin-bottom: 40px; */
                background: rgba(255,255,255,0);
                /* max-width: 900px; */
                letter-spacing: 0px !important;
            }
            .fifthdivleft img {
                width: 100%;
               
            }
    }
   @media(max-width:1200px){
    .banner_button {
        background: rgba(0,86,128,0);
        position: relative;
        left: 10px;
        top: 50px;
    }
    .header-item .logo {
        width: 200px;
        height: 60px;
        cursor: pointer;
        margin-right: auto;
        background-color: #005680;
        position: relative;
        right: 17px;
    }
    .thirddivimg {
        width: 583px;
        height: 368px;
        /* background-color: #fff;
        box-sizing: border-box;
        box-shadow: 7px 2px 16px 10px rgb(0 0 0 / 14%); */
        padding-left: 30px;
        border-radius: 10px;
        margin-right: 0px;
    }
    .card1 {
        margin: 0px 13px 20px;
    }
    .fourthdiv {
        display: grid;
        /* background-image: url(../images/color_background.png); */
        background-size: cover;
        /* color: white; */
        grid-auto-rows: minmax(170px,auto);
        margin: auto;
        padding: 10px 50px;
        justify-items: center;
        text-align: center;
        overflow-x: hidden;
        height: 165px;
        overflow-y: hidden;
    }
   }
    @media (max-width:1150px){
        .buttonstyle{
           
            position: relative;
            left: 34px; 
            bottom: 40px;
        }
        .thirddivimg{
            margin-right: 41px;
        }
    }
    @media(max-width:1100px){
        header .item-center{
            order:3;
            flex: 0 0 100%;
        }
        header .item-left{
            flex: 0 0 auto;
        }
        .v-center{
            justify-content: space-between;
        }
        header .mobile-menu-trigger{
            display: flex;
            width:30px;
            height:30px;
            margin-right: 20px;
            cursor: pointer;
            background-color: #005680;
            align-items: center;
            justify-content: center;
        }
        header .mobile-menu-trigger span{
            display: block;
            height: 2px;
            background-color:#fff;
            width:24px;
            position: relative;
        }
        header .mobile-menu-trigger span:before,
        header .mobile-menu-trigger span:after{
            content: '';
            position: absolute;
            left:0;
            width:100%;
            height:100%;
            background-color: #fff;
        }
        header .mobile-menu-trigger span:before{
            top:-6px;
        }
        header .mobile-menu-trigger span:after{
            top: 6px;
        }
        header .item-right{
            align-items: center;
            background: rgba(0, 0, 0, 0);
        }
        header .menu{
            position: fixed;
            width:320px;
            background-color: #005680;
            /* box-shadow: 0 0 15px #ccc; */
            left:0;
            top:0;
            height: 100%;
            overflow: hidden;
            transform: translate(-100%);
            transition: all 0.5s ease;
            z-index: 1000;
        }
        header .menu.active{
            transform: translate(0%);
        }
        header .menu .menu-main li{
            line-height: 1;
            margin: 0;
            display: block;
        }
        header .menu .menu-main li a{
            line-height: 75px;
            height: 75px;
            padding: 0 25px;
            display: block;
            border-bottom:1px solid rgba(255,255,255,0.1);
        }
        header .menu .mobile-menu-head{
            display: flex;
            height: 50px;
            border-bottom:1px solid rgba(255,255,255,0.1);
            background-color: #005680;
            color:#fff;
            justify-content: space-between;
            align-items: center;
        }
        
        header .menu .mobile-menu-head .mobile-menu-close{
            height: 50px;
            width:50px;
            border-left: 1px solid rgba(255,255,255,0.1);
            cursor: pointer;
            line-height: 50px;
            text-align: center;
            color:#fff;
            background: rgba(0, 0, 0, 0);
            font-size: 25px;
            display: block;
        }
       
        header .menu .menu-main{
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
        }
        header .menu .menu-main li .sub-menu{
            /* background-color:red; */
            visibility: visible;
            opacity: 1;
            position:relative;
            box-shadow: none;
            margin: 0;
            display: none;
            
        }

        header .menu .menu-main li .sub-menu.mega-menu-column>.list-item{
            flex:0 0 100%;
            padding: 0px;
        }
        .header-item .menu > ul > li .single-column-menu {
            min-width: none;
            max-width: none;
            border-radius: 0px;
            padding-right: 0px;
            /* height: 58px; */
            padding-top: 30px;
            background-color: #005680;
            color:#fff;
            display: none;
        }
        .header-item .menu > ul > li .single-column-menu.active{
            display: block !important;
        }
        .single-column-menu ul li:hover{
            transition: all 0s ease;
            transform: perspective(0px) translateZ(0px);
        }
        .header-item .menu > ul > li .sub-menu>ul>li:hover {
            background-color: rgba(0, 0, 0, 0);
            color: #fff;
            text-decoration: none;
            padding-top: 3px;
            transition: all 0.5s ease;
            width: 292px;
        }
        .header-item .menu > ul > li .sub-menu.mega-menu-column {
            max-width: 500px;
            width: 100%;
            height: 100%;
            display: block;
            padding: 0px 15px 20px;
            border-radius: 0px;
            position: relative;
            background-color: #005680;
        }
        .mega-links img{
            display: none;
        }
        .single-column-menu ul li img{
            display: none;
        }
        .header-item .menu > ul > li .sub-menu.mega-menu {
            left: 40%;
            transform: translateX(-40%);
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links {
            background-color: #005680;
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li {
            background-color: #005680;
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li>a:not(:hover){
            color:#fff;
            padding-top: 10px;
        }
        .dashborder{
            border-right: none;
          }
          .header-item .menu > ul > li:hover >a {
            background-color: #fff;
            color: #005680;
            border-radius: 0;
            font-weight: normal;
            /* text-decoration: underline; */
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li>a:hover {
            /* background-color: #dbf0fd !important; */
            color: #fff !important;
            text-decoration: none;
            background: rgba(0, 0, 0, 0);
            /* text-decoration: underline; */
        }
        .header-item .menu > ul > li .sub-menu>ul>li:not(:hover){
            background-color: #005680;
            color: #fff;
            border-radius: 0;
            height:35px;
        }
        .header-item .menu > ul > li .sub-menu>ul>li>a:not(:hover) {
            text-decoration: none;
            background: rgba(0, 0, 0, 0);
            position: relative;
            left: 40px;
            color: #fff;
        }
        .header-item .menu > ul > li .sub-menu>ul {
            background-color: #005680;
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li:hover{
            background-color:#fff !important;
            color:#005680 !important;
            /* padding-top: 6px; */
            transition: all 0.3s ease;
            /* margin: 2px; */
            transform: perspective(100px) translateZ(0px);
            /* height:75px; */
            /* padding-left: 4px; */
        }
       
        .header-li {
            margin-left: 5px;
            font-size: 15px;
            background: rgba(55,52,53,0);
            position: relative;
            bottom: 0px;
            color: #fff;
        }
        .header-li:hover {
            margin-left: 5px;
            font-size: 15px;
            background: rgba(55,52,53,0);
            position: relative;
            bottom: 0px;
            color: #fff;
            background: rgba(55,52,53,0) !important;
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li:not(:hover) {
            padding-bottom: 6px;
            transition: all 0.5s ease;
            /* padding-left: 4px; */
            color: #fff;
            background: rgba(55,52,53,0) !important;
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li:hover {
            padding-bottom: 6px;
            transition: all 0.5s ease;
            /* padding-left: 4px; */
            color: #fff !important;
            background: rgba(55,52,53,0) !important;
        }
        .header-item .menu > ul > li .sub-menu>.list-item>.mega-links>li:hover a{
            height:63px;
            color: #fff !important;
            background: rgba(55,52,53,0) !important;
            
        }
        .fifthdivleft img {
            width: 85%;
        }
        .fifthdiv .fifthdivleft {
        padding-left: 0;
        }
        .fifthdiv .fifthdivleft {
            width: 725px;
            height: 350px;
            background-color: #fff;
            padding-left: 0px;
            border-radius: 5px;
            position: relative;
            float: left;
            margin-bottom: 0;
            text-align: center;
            background: rgba(219,240,253,0);
        }
        .testim {
            height: 450px;
            width:90%;
            padding:20px;
        }
        .industries{
            display: none !important;
            transition: all 0.3s ease;
        }
        /* .industry:hover .industries{
            display: block !important;
        } */
        .services{
            display: none !important;
        }
        /* .service:hover .services{
            display: block !important;
        } */
    }
    
    @media(max-width:1050px){
        footer div.grid3{
            display: none;
        }
        footer div.grid4{
            display: none;
        }
        .grid2{
            margin-top: 25px;
            grid-row: 1/2;
            grid-column: 5/6;
            background: rgba(55,52,53,0);
            color: white;
        }
        .grid1{
            grid-column: 2/4;
        }
        .grid1 img{
            width:150px;
        }
        .footer_hr_above {
            width: 107%;
        }
        .grid7 {
            grid-column: 1/4;
            grid-row: 3/4;
        }
        .grid9 {
            grid-column: 5/7;
            grid-row: 3/4;
            justify-self: right;
        }
    }
    @media (max-width:1000px){
       
        .firstsection{
            width: 100%;
            height: 660px;
            /* background-image: url(../images/fold_background.gif); */
            /* background-image: url(../images/banner_background.png); */
            background-image: url(../images/color_background.png);
            background-size: cover;
            display: grid;
            grid-template-columns: 1fr 10px;
            grid-template-rows: minmax(10px,auto);
            justify-content: space-around;
        }
        
        .sidegif{
            width:500px;
            height:660px;
            background: rgba(0,86,128,0);
            visibility: hidden;
        }
        .firstsection .slider-frame-fold .slide-images-fold .leftfold {
            background: rgba(0,86,128,0);
            padding: 26% 8% 8%;
        }
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 48px;
            top: -54px;
        }
        .thirddiv {
            display: grid;
            /* grid-auto-rows: minmax(10px, auto); */
            grid-template-columns: 100%;
            margin: auto;
            padding: 40px 50px 0px;
            justify-items: center;
            /* margin-bottom: 40px; */
            background: rgba(255,255,255,0);
            /* max-width: 900px; */
            letter-spacing: 0px !important;
        }
        .rightsection {
           display: none;
        }
        .leftsection div {
            margin: 20px 0 60px;
            background: rgba(0, 0, 0, 0);
        }
        .container{
            overflow-x: hidden;
        }
    }
    @media(max-width:860px){
        .modal-content {
            width: 482px;
            height: 640px;
            background-color: white;
            text-align: center;
            display: grid;
            grid-template-columns: 1fr;
            text-align: left;
            position: fixed;
            transition: all 0.3s ease;
        }
        #contactus2{
            display: none;
        }
    }

    @media (max-width:768px){
        .firstsection .slider-frame-fold .slide-images-fold .leftfold {
            background: rgba(0,86,128,0);
            padding: 30% 8% 8%;
        }
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 38px;
            top: -54px;
        }
        .testim{
            width:85%;
        }
        .navigation-auto {
            position: absolute;
            display: flex;
            width: 800px;
            justify-content: center;
            margin-top: 399px;
            background: rgba(0, 0, 0, 0);
        }
        .navigation-manual {
            position: absolute;
            width: 800px;
            margin-top: -56px;
            display: flex;
            justify-content: center;
            background: rgba(0,0,0,0);
        }
        .grid8 {
            background: rgba(55,52,53,0);
            grid-column: 3/5;
            grid-row: 4/5;
            padding-top: 0px;
        }
        .footer_hr {
            grid-column: 1/7;
            grid-row: 5/6;
        }
        .grid10,.grid12 {
            grid-row: 5/6;
        }
        .grid11{
            grid-row: 5/6;
            font-size: 9px;
        }
    }
    @media(max-width:680px){
        .firstsection .slider-frame-fold .slide-images-fold .leftfold p {
            font-size: 15px;
        }
        .firstsection .slider-frame-fold .slide-images-fold .leftfold h1 {
            font-size: 1.8rem;
        }
        .grid2{
           
            grid-column: 4/5;
        }
        .grid1{
            grid-column: 1/4;
        }
        .grid10,.grid12 {
            display: none;
        }
        .grid11{
            grid-row: 5/6;
            grid-column: 2/7;
            font-size: 9px;
            justify-self: center;
            margin: 34px 0;
        }
        #_footer div p,#_footer ul li a{
            font-size: 13px;
        }
        .footer_hr_above {
            grid-column: 1/6;
            width:130%;
        }
    }
    @media(max-width:660px){
        .firstsection .slider-frame-fold .slide-images-fold .leftfold {
            background: rgba(0,86,128,0);
            padding: 34% 8% 8%;
        }
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 30px;
            top: -54px;
        }
        .fifthdivleft img {
            width: 76%;
        }
    }
    @media(max-width:665px){
        .fourthdiv {
            display: grid;
            /* background-image: url(../images/color_background.png); */
            background-size: cover;
            /* color: white; */
            grid-auto-rows: minmax(170px,auto);
            margin: auto;
            padding: 10px 50px;
            justify-items: center;
            text-align: center;
            overflow-x: hidden;
            height: 197px;
            overflow-y: hidden;
        }
    }
    @media (max-width:545px){
        .logo{
            position: relative;
            right:23px;
        }
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 20px;
            top: -27px;
        }
        .header-item .logo {
            width: 200px;
            height: 60px;
            cursor: pointer;
            margin-right: auto;
            background-color: #005680;
            position: relative;
            right: 18px;
        }
        .firstsection .slider-frame-fold .slide-images-fold .leftfold h1 {
            font-size: 1.8rem;
        }
        .fifthdivleft img {
            width: 66%;
        }
    }
    @media(max-width:540px){
        .footer_hr{
            grid-row:6/7;
        }
        .grid10,.grid12 {
            grid-row: 6/7;
        }
        .grid11{
            grid-row: 6/7;
            font-size: 9px;
        }
        .grid7,.grid8{
            grid-column: 1/6;
           justify-self: center;
           margin-left: 0;
        }
        /* .grid8{
            margin-right:80px;
        } */
       .grid9{
           margin: 35px 0;
           grid-row:5/6;
           grid-column: 1/6;
           padding-right: 84px;
           /* justify-self: center; */
       }
       .grid9 p{
           margin-left: 0;
           padding-left: 23px;
       }
       .grid9 p.line_h{
           padding-left: 0px;
       }
       .grid11{
           grid-column: 1/7;
       }
       .grid2{
        grid-column: 3/5;
        justify-self: right;
    }
    }
    @media(max-width:400px){
      #_footer{
          padding: 50px 40px 10px;
      }
      .grid11 p{
          font-size: 8px !important;
      }
    }
    @media (max-width:500px){
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 7px;
            top: -27px;
        }
        .header-item .logo {
            width: 200px;
            height: 60px;
            cursor: pointer;
            margin-right: auto;
            background-color: #005680;
            position: relative;
            right: 22px;
        }
       
        .modal-content {
            width: 370px;
            height: 640px;
        }
        .modalinputs{
            padding-left:25px;
        }
        .modalinputs textarea{
            width: 23.5em;
        }
        .modalinputs #modalcontact{
            width: 75%;
        }
        }
    @media(max-width:465px){
        .fourthdiv {
            display: grid;
            /* background-image: url(../images/color_background.png); */
            background-size: cover;
            /* color: white; */
            grid-auto-rows: minmax(170px,auto);
            margin: auto;
            padding: 10px 50px;
            justify-items: center;
            text-align: center;
            overflow-x: hidden;
            height: 215px;
            overflow-y: hidden;
        
    }
}
    @media(max-width:450px){
        .dots {
            text-align: center;
            background-color: #005680;
            width: 35%;
            margin: auto;
            background: rgba(0,86,128,0);
            grid-row: 3/4;
            grid-column: 1/3;
            padding-bottom: 10px;
        }
        .header-item .logo {
            width: 200px;
            height: 60px;
            cursor: pointer;
            margin-right: auto;
            background-color: #005680;
            position: relative;
            right: 22px;
        }
        .grid9{
            padding-right: 54px;
        }
        
    }
    @media(max-width:430px){
        .banner_button {
            background: rgba(0,86,128,0);
            position: relative;
            left: 0px;
            top: 25px;
        }
        .firstsection .slider-frame-fold .slide-images-fold .leftfold h1 {
            background: rgba(0,86,128,0);
            color: #fff;
            font-size: 1.7rem;
            font-weight: bold;
            padding: 17% auto;
            line-height: 1.3;
        }
        .header-item .logo {
            width: 200px;
            height: 60px;
            cursor: pointer;
            margin-right: auto;
            background-color: #005680;
            position: relative;
            right: 25px;
        }
       
.buttonstyle {
    position: relative;
    left: 34px;
    bottom: 90px;
    }
    }
    @media(max-width:408px){
.fourthdiv {
    display: grid;
    /* background-image: url(../images/color_background.png); */
    background-size: cover;
    /* color: white; */
    grid-auto-rows: minmax(170px,auto);
    margin: auto;
    padding: 10px 50px;
    justify-items: center;
    text-align: center;
    overflow-x: hidden;
    height: 245px;
    overflow-y: hidden;
}

.buttonstyle {
    position: relative;
    left: 34px;
    bottom: 65px;
}
    }
    @media(max-width:375px){
        header .item-left {
            background-color: #005680;
            flex: 0 0 17%;
            padding-left: 56px;
        }
        .fourthdivcontent h1 {
            background-color: inherit;
            font-size: 1.8rem;
            font-weight: 100;
            margin-bottom: 20px;
            color: white;
            width: 101%;
        }
        .seconddiv_choice h1, .thirdextended h1 {
            font-size: 1.8rem;
        }
        .leftsection h1 {
            font-size: 1.5rem;
        }
        .modal-content {
            width: 340px;
            height: 640px;
        }
        .modalinputs{
            padding-left:20px;
        }
        .modalinputs textarea{
            width: 21.5em;
        }
        .modalinputs #modalcontact{
            width: 74%;
        }
        .modalinputs h1{
            font-size: 1rem;
        }
       
.footer_hr_above {
    grid-column: 1/6;
    width: 140%;
    }
    .seconddiv_choice p, .thirdextended p {
        font-size: 15px;
    }
    .leftsection p {
        font-size: 15px;
    }
    .fourthdivcontent p {
        font-size: 15px;
    }
    .grid9{
        padding-right: 31px;
    }
    
}