@font-face {
    font-family: Poppins;
    src: url(../assets/font/Poppins/Poppins-Regular.ttf);
}

@font-face{
    font-family: Poppins-Medium;
    src: url(../assets/font/Poppins/Poppins-Medium.ttf);
}

*{
    font-family: Poppins;
}
.t2{    margin-top: -77px !important;}
.t3{    margin-top: -102px !important;}
.t4{margin-top: -162px !important;}
.t5{
    margin-top: -126px !important;
}
.t6{
    margin-top: -78px !important;
}
.t7{    margin-top: -78px !important;}
.t8{margin-top: -114px !important;}
.t9{ margin-top: -138px !important;}
.t10{
    margin-top: -114px !important;
}
.t11{
    margin-top: -90px !important;
}
.hpara3{
    color: #003D57;
}

/* Header Section */
.part_cnt{
    color: #FFF;
}

.menulist li a{
    color: #010101;
}

.menulist li a:hover{
    color: #094EB6;
    font-weight: bold;
}

/* section1  */

#section1{
    background-image: url(img/banner1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.btn1{
    background-color: #086AD8;
}


/*section2 */

.para1{
    color: #ffffff;
    background-color: #086AD8;

}

/*section3 */
#section3{
    background-color: #FFF;
}

.wedolist1 li, .wedolist2 li{
    list-style-type: none;
}

/* section4 */
.callBtn{
    background-color: #086AD8;
}

#section4{
    background-image: url(img/banner2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 589px;
}

.para2{
    background-color: #086AD8;
}

.colimg1{
    transform: translate(40px) translateY(12px)
}

.colimg2{
    transform: translateY(160px);
}
.colimg3{
    transform: translateY(20px);
}
.colimg4{
    transform: translateY(162px) translateX(20px);
}
.colimg5{
    transform: translateX(-60px) translateY(20px);
}


/* footers section */

#footers{
    background-color: #000000;
}

#footers a{
    text-decoration: none;
}

#footers a:hover{
    color: #094EB6;
}

.flist1 li{
    list-style-type: none;
}

#offcanvasRight{
    /* height: fit-content; */
    width: 300px;
}

/* Header Section */

.menuIcon{
    background-color: #094EB6;
}
.menulist li a{
    color: #010101;
}
.menulist li a:hover{
    color: #094EB6;
    font-weight: bold;
}


.activeLink{
    color: #094EB6 !important;
    font-weight: bold;
}

/* section1  */
#crSect1{
    background-image:  url(img/crBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#wkSect1{
    background-image:  url(img/workBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#teamSect1{
    background-image: url(img/teamsBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#clientSect1{
    background-image: url(img/clientsBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#clientSect4{
    background-image: url(img/clientBan2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#clientSect2{
    background-color: #FAFDFF;
}

.clientRow1 img{
    border: 1px solid rgb(255, 243, 243);
    margin: 0px 10px 0px 1px;
    height: 66px;
}
.clientRow1 div{
    padding: 10px;
}

.mCard{
    border: 2px solid #72EAFF;
    border-radius: 10px !important;
    /* height: 636px !important; */
}

.bCard{
    background-image: url(../assets/img/cardBody.svg);
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.cardPara1{
    color: #003D57;
    font-weight: 600;
}

.cardPara2{
    color: #003D57;
    font-weight: 400;
}

.abSect1div{
    top: 0;
    height: 400px;
}

.main1Para{
    color: #002C7B;
    font-weight: bold;
}

/* section2 */


.crPara1{
    font-family: Poppins-Medium;
    color: #343434;
    font-size: 18px;
}

.wkpara1{
    color: #396AFC;
}

.wkpara2{
    color: #003D57;
    font-weight: bold;
    font-size: 24px;
}

.wkpara3{
    color: #003D57;
}

.wklist1{
    color: #343434;
}

.wpsec1{
    transform: translateX(240px) translateY(80px);
}

.wpsec2{
    transform: translateX(160px) translateY(60px);
}
.wpsec3{
    transform: translateX(40px) translateY(40px);
}

.wpsec4{
    transform: translateX(120px) translateY(-80px);
}
.wpsec5{
    transform: translateX(40px) translateY(-40px);
}

.wpsec6{
    transform: translateX(-60px) translateY(-65px);
}

.workflowImg{
    width: 1014px;
    height: 270px;
}

#frmContact{
    font-family: Poppins-Medium;
}
.frmBtn{
    border-radius: 20px;
    border: none;
    background: linear-gradient(135deg, #21D4FD 0%, #2152FF 100%);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
}

.locSect1{
    background-image: url(../assets/img/location1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.locSect2{
    background-image: url(../assets/img/location2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.locSect3{
    background-image: url(../assets/img/location3.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.locSect4{
    background-image: url(../assets/img/location4.png);
    background-repeat: no-repeat;
    background-size: cover;
}



.flist1 li{
    list-style-type: none;
}

.flist1 li  a{
    color: #ffffff;
}

.flist1 .dropdown-menu li a{
    color: black;
}

#offcanvasRight{
    /* height: fit-content; */
    width: 300px;
}


/* section1  */

#abSect1{
    background-image:  url(img/banner3.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#servSect1{
    background-image:  url(img/servbanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#conSect1{
    background-image:  url(img/conBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#indSect1{
    background-image:  url(img/indBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

#tlSect1{
    background-image:  url(img/tmBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

.abSect1div{
    top: 0;
    height: 400px;
}

/* section2 */

.contFormSSec{
    background-image:  url(img/formBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.responsive-tabs {

    padding: 1rem;

}



.responsive-tabs .nav-tabs {

    display: none;

}

#indSect2 .nav-tabs .nav-item.show .nav-link, #indSect2 .nav-tabs .nav-link.active{
    color: #499EFF;
}

#indSect2 .nav-tabs .nav-link.active{
    border: none;
}

#indSect2 .nav-tabs .nav-link.active svg path{
    fill :#f1f1f1;
    stroke: #499EFF;
}


#indSect2 .nav-link{
    color: #343434
}

#indSect2 .nav-link svg path{
    fill: #f1f1f1;
    stroke: #343434;
}

.indPara1{
    font-size: 24px;
}

.accSect2{
    background: linear-gradient(to bottom right, #72EAFF 1%, #499EFF 50%);
}

/* section3 */

#crSect3{
    background-color: #F2F9FF;
}

.accordion-button::after{
    background-image: none;
}
.accordion-button:not(.collapsed)::after {
    display: none;
    background-image: none;
}

.accordPara1{
    color: #017DC2;
    font-size: 20px;

}

.accordPara2{
    color: #6E8A9A;
}

.accordPara3{
    color: #343434;
    font-size: 18px;
}


.abSect2{
    background-color: #FFF;
}

.abpara3{
    color: #003D57;
}

.menulist li a{
    color: #010101;
}
.menulist li a:hover{
    color: #017DC2;
    font-weight: bold;
}

.conFormList  li{
    list-style-type: none;
}

/* section4 */

.goalp1,.goalp2,.goalp3{
    color: #000;
}

/* footer section */

.flist1 li{
    list-style-type: none;
}

#offcanvasRight{
    /* height: fit-content; */
    width: 300px;
}

/* LOADER */
.loader { 
    margin:0 auto;
    border-radius:10px;
    border:4px solid transparent;
    position:relative;
    padding:1px;
  }
  .loader:before {
    content:'';
    border:1px solid black; 
    border-radius:10px;
    position:absolute;
    top:-4px; 
    right:-4px; 
    bottom:-4px; 
    left:-4px;
  }
  .loader .loaderBar { 
    position:absolute;
    border-radius:10px;
    top:0;
    right:100%;
    bottom:0;
    left:0;
    background:black; 
    width:0;
    animation:borealisBar 2s linear infinite;
  }
  
  @keyframes borealisBar {
    0% {
      left:0%;
      right:100%;
      width:0%;
    }
    10% {
      left:0%;
      right:75%;
      width:25%;
    }
    90% {
      right:0%;
      left:75%;
      width:25%;
    }
    100% {
      left:100%;
      right:0%;
      width:0%;
    }
}

/* timeline style starts */
.timePara{
    position: absolute;
    top: -20px;
    left: 28px;
    font-size: 25px;
}

.timeP1{
    color: #4BA8E3;
}

.timeP2{
    color: #4BA8E3;
}

.timeP3{
    color: #4BA8E3;
}

.timeP4{
    color: #4BA8E3;
}

.timeP5{
    color: #4BA8E3 ;
}

.timeP6{
    color: #4BA8E3;
}

.timeP7{
    color: #4BA8E3;
}

.timeP8{
    color: #4BA8E3;
}

.timeP9{
    color: #4BA8E3;
}

.timeSvg{
    margin-top: 30px;
}

.timeIcon1{
    border-top-color: #4B6AD1 !important;
    border-right-color: #4B6AD1 !important;
}

.timeContent1, .timeContent1::before {
    background-color: #4B6AD1 !important;
}

.timeIcon2{
    border-top-color: #4BA8E3 !important;
    border-right-color: #4BA8E3 !important;
}

.timeContent2, .timeContent2::before {
    background-color: #4BA8E3 !important;
}

.timeIcon3{
    border-top-color: #5177B6 !important;
    border-right-color: #5177B6 !important;
}

.timeContent3, .timeContent3::before {
    background-color: #4B6AD1 !important;
}

.timeIcon4{
    border-top-color: #4BA8E3 !important;
    border-right-color: #4BA8E3 !important;
}

.timeContent4, .timeContent4::before {
    background-color: #4BA8E3 !important;
}

.timeIcon5{
    border-top-color: #4B6AD1 !important;
    border-right-color: #4B6AD1 !important;
}

.timeContent5, .timeContent5::before {
    background-color: #4B6AD1 !important;
}

.timeIcon6{
    border-top-color: #4BA8E3 !important;
    border-right-color: #4BA8E3 !important;
}

.timeContent6, .timeContent6::before {
    background-color: #4BA8E3 !important;
}

.timeIcon7{
    border-top-color: #4B6AD1 !important;
    border-right-color: #4B6AD1 !important;
}

.timeContent7, .timeContent7::before {
    background-color: #4B6AD1 !important;
}

.timeIcon8{
    border-top-color: #4BA8E3 !important;
    border-right-color: #4BA8E3 !important;
}

.timeContent8, .timeContent8::before {
    background-color: #4BA8E3 !important;
}

.timeIcon9{
    border-top-color: #4B6AD1 !important;
    border-right-color: #4B6AD1 !important;
}

.timeContent9, .timeContent9::before {
    background-color: #4B6AD1 !important;
}





.main-timeline{
    overflow: hidden;
    position: relative;
}
.main-timeline .timeline{
    position: relative;
    margin-top: -79px;
}
.main-timeline .timeline:first-child{ margin-top: 0; }
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline .timeline:before{
    content: "";
    width: 100%;
    height: 100%;
    /* box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.5) inset; */
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.main-timeline .timeline-icon{
    width: 210px;
    height: 210px;
    border-radius: 50%;
    border: 25px solid transparent;
    border-top-color: #f44556;
    border-right-color: #f44556;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transform: rotate(45deg);
}
.main-timeline .year{
    display: block;
    width: 110px;
    height: 110px;
    line-height: 110px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    margin: auto;
    font-size: 30px;
    font-weight: bold;
    color: #f44556;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(-45deg);
    
}
.main-timeline .timeline-content{
    width: 35%;
    float: right;
    background: #f44556;
    padding: 30px 20px;
    margin: 55px 0;
    z-index: 1;
    position: relative;
}
.main-timeline .timeline-content:before{
    content: "";
    width: 20%;
    height: 15px;
    background: #f44556;
    position: absolute;
    top: 50%;
    left: -20%;
    z-index: -1;
    transform: translateY(-50%);
}
.main-timeline .title{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px 0;
}
.main-timeline .description{
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 0;
    margin-top: 17px;
    margin-bottom: 17px;
}
/* .main-timeline .timeline:nth-child(2n):before{ box-shadow: 8px 0 5px -5px rgba(0, 0, 0, 0.5) inset; } */
.main-timeline .timeline:nth-child(2n) .timeline-icon{ transform: rotate(-135deg); }
.main-timeline .timeline:nth-child(2n) .year{ transform: rotate(135deg); }
.main-timeline .timeline:nth-child(2n) .timeline-content{ float: left; }
.main-timeline .timeline:nth-child(2n) .timeline-content:before{
    left: auto;
    right: -20%;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon{
    border-top-color: #e97e2e;
    border-right-color: #e97e2e;
}
.main-timeline .timeline:nth-child(2n) .year{ color: #e97e2e; }
.main-timeline .timeline:nth-child(2n) .timeline-content,
.main-timeline .timeline:nth-child(2n) .timeline-content:before{ background: #e97e2e; }
.main-timeline .timeline:nth-child(3n) .timeline-icon{
    border-top-color: #13afae;
    border-right-color: #13afae;
}
.main-timeline .timeline:nth-child(3n) .year{ color: #13afae; }
.main-timeline .timeline:nth-child(3n) .timeline-content,
.main-timeline .timeline:nth-child(3n) .timeline-content:before{ background: #13afae; }
.main-timeline .timeline:nth-child(4n) .timeline-icon{
    border-top-color: #105572;
    border-right-color: #105572;
}
.main-timeline .timeline:nth-child(4n) .year{ color: #105572; }
.main-timeline .timeline:nth-child(4n) .timeline-content,
.main-timeline .timeline:nth-child(4n) .timeline-content:before{ background: #105572; }
@media only screen and (max-width: 1199px){
    .main-timeline .timeline{ margin-top: -103px; }
    .main-timeline .timeline-content:before{ left: -18%; }
    .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -18%; }
}
@media only screen and (max-width: 990px){
    .main-timeline .timeline{ margin-top: -127px; }
    .main-timeline .timeline-content:before{ left: -2%; }
    .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -2%; }
}
@media only screen and (max-width: 767px){
    .main-timeline .timeline{
        margin-top: 0;
        overflow: hidden;
    }
    .main-timeline .timeline:before,
    .main-timeline .timeline:nth-child(2n):before{
        box-shadow: none;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(2n) .timeline-icon{
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg);
    }
    .main-timeline .year,
    .main-timeline .timeline:nth-child(2n) .year{ transform: rotate(-135deg); }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content{
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        padding: 25px 20px;
        margin: 0 auto;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(2n) .timeline-content:before{
        width: 15px;
        height: 25px;
        position: absolute;
        top: -22px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%,0);
    }
}



/* timeline style ends */


/* careers modal form */



/* media query (1200px - 1440px) */

@media only screen and (min-width:1200px)  and (max-width: 1400px){    
    #section4{
        height: 835px;
    }

    .colimg1{
        transform: translate(40px) translateY(12px)
    }
    
    .colimg2{
        transform: translateY(260px);
    }
    .colimg3{
        transform: translateY(90px);
    }
    .colimg4{
        transform: translateY(162px) translateX(90px);
    }
    .colimg5{
        transform: translateX(-60px) translateY(60px);
    }

    #indSect2 .nav-link svg{
        height: 22px;
        width: 28px;
    }

    .wpsec1{
        transform: translateX(80px) translateY(80px);
    }
    
    .wpsec2{
        transform: translateX(90px) translateY(60px);
    }
    .wpsec3{
        transform: translateX(30px) translateY(40px);
    }
    
    .wpsec4{
        transform: translateX(70px) translateY(-80px);
    }
    .wpsec5{
        transform: translateX(20px) translateY(-65px);
    }
    
    .wpsec6{
        transform: translateX(-10px) translateY(-75px);
    } 

    .t2{    margin-top: -67px !important;}
.t3{    margin-top: -105px !important;}
.t4{margin-top: -163px !important;}
.t5{
    margin-top: -117px !important;
}
.t6{
    margin-top: -55px !important;
}
.t7{    margin-top: -45px !important;}
.t8{margin-top: -91px !important;}
.t9{ margin-top: -129px !important;}
.t10{
    margin-top: -91px !important;
}
.t11{
    margin-top: -69px !important;
}
   
}

@media only screen and (min-width:1199px)  and (max-width: 1399px){
    .main-timeline .description{
        margin: 0px 0px 0px 0px;
    }
}

@media only screen and (min-width:992px)  and (max-width: 1200px){
    #section4{
        height: 760px;
    }

    .colimg1{
        transform: translate(40px) translateY(12px)
    }
    
    .colimg2{
        transform: translateY(100px);
    }
    .colimg3{
        transform: translateY(80px);
    }
    .colimg4{
        transform: translateY(122px) translateX(130px);
    }
    .colimg5{
        transform: translateX(0px) translateY(60px);
    }
    .contFormSSec{
        background-image: url(../assets/img/formBan2.png);
    }
    #indSect2 .nav-link svg{
        height: 20px;
        width: 24px;
    }
    #indSect2 .nav-link p{
        font-size: 14px;
    }

    .workflowImg{
        width: 820px;
        height: 231px;
    }

    .wpsec1{
        transform: translateX(10px) translateY(60px);
    }
    
    .wpsec2{
        transform: translateX(35px) translateY(110px);
    }
    .wpsec3{
        transform: translateX(10px) translateY(20px);
    }
    
    .wpsec4{
        transform: translateX(60px) translateY(-50px);
    }
    .wpsec5{
        transform: translateX(20px) translateY(-65px);
    }
    
    .wpsec6{
        transform: translateX(-10px) translateY(-45px);
    }

    .t2{    margin-top: -101px !important;}
.t3{    margin-top: -150px !important;}
.t4{margin-top: -234px !important;}
.t5{
    margin-top: -174px !important;
}
.t6{
    margin-top: -102px !important;
}
.t7{    margin-top: -102px !important;}
.t8{margin-top: -150px !important;}
.t9{ margin-top: -198px !important;}
.t10{
    margin-top: -162px !important;
}
.t11{
    margin-top: -127px !important;
}
}
@media (max-width: 991px) {
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  }


@media only screen and (min-width:768px) and (max-width:992px){
    #imglogo svg{
        height: 40px;
        width: 160px;
    }

    .sect1Mpara{
        font-size: 14px;
    }
    .menulist{
        font-size: 15px;
    }
    .sect1Fpara{
        font-size: 12px;
    }
    .sec3imgDiv{
        text-align: center;
    }
    .sec4img{
        height: 380px;
    }
    .colimg1{
        transform:translateY(-18px);
        height: 120px;
    }
    
    .colimg2{
        transform: translateY(23px);
        height: 120px;
    }
    .colimg3{
        transform: translateY(5px);
        height: 120px;
    }
    .colimg4{
        transform: translateY(12px) translateX(130px);
        height: 120px;
    }
    .colimg5{
        transform: translateX(30px) translateY(-20px);
        height: 120px;
    }
    .ficon{
        height: 25px;
    }
    .ficon2{
        height: 20px;
    }

    .contFormSSec{
        border-radius: 18px;
    }

    .frmContact{
        color : #ffffff;
    }

    .frmBtn{
        background: #003D57;
    }

    .accordPara1{
        color: #017DC2;
        font-size: 16px;
    
    }
    
    .accordPara2{
        color: #6E8A9A;
        font-size: 14px;
    }
    
    .accordPara3{
        color: #343434;
        font-size: 16px;
    }
    .accordPara1 svg{
        height: 12px;
        width: 16px;
    }

    .wkpara2{
        color: #003D57;
        font-weight: bold;
        font-size: 16px;
    }
    .wfcard{
        /* height: 420px; */
        border-color: #aad1e6 !important;
    }

    #imglogo svg{
        height: 40px;
        width: 160px;
    }
    .menulist{
        font-size: 15px;
    }
    .sect1Fpara{
        font-size: 12px;
    }
    .sec3imgDiv{
        text-align: center;
    }
    .ficon{
        height: 25px;
    }
    .ficon2{
        height: 20px;
    }

    #imglogo svg{
        height: 40px;
        width: 160px;
    }
    .menulist{
        font-size: 15px;
    }
    .sect1Fpara{
        font-size: 12px;
    }
    .sec3imgDiv{
        text-align: center;
    }
    .ficon{
        height: 25px;
    }
    .ficon2{
        height: 20px;
    }
    .frmBtn{
        background: #003D57 !important;
    }

    .t2{    margin-top: -137px !important;}
.t3{    margin-top: -201px !important;}

.tempT3{
    margin-top: -2px !important;
}

.t4{margin-top: -336px !important;}
.t5{
    margin-top: -289px !important;
}
.t6{
    margin-top: -176px !important;
}

.tempT6{
    margin-top: -9px !important;
}

.t7{    margin-top: -139px !important;}

.t8{margin-top: -215px !important;}

.tempT8{
    margin-top: -13px !important;
}

.t9{ margin-top: -275px !important;}
.t10{
    margin-top: -206px !important;
}

.tempT10{
    margin-top: -12px !important;
}

.t11{
    margin-top: -160px !important;
}
}

@media only screen and (min-width:576px) and (max-width:767px){

    #section4{
        height: 690px;
    }

    .sect2img, .sec4img{
        height: 300px;
    }
    .colimg1{
        transform:translateY(-18px);
        height: 100px;
    }
    
    .colimg2{
        transform: translateY(45px);
        height: 100px;
    }
    .colimg3{
        transform: translateY(15px) translateX(-50px);
        height: 100px;
    }
    .colimg4{
        transform: translateY(26px) translateX(60px);
        height: 100px;
    }
    .colimg5{
        transform: translateX(10px) translateY(-20px);
        height: 100px;
    }
    .sect1Fpara{
        font-size: 12px;
    }
    .ficon{
        height: 25px;
    }
    .ficon2{
        height: 20px;
    }
    .contFormSSec{
        border-radius: 18px;
    }

    .frmContact{
        color : #ffffff;
    }
    .frmBtn{
        background: #003D57;
    }

    .accordPara1{
        color: #017DC2;
        font-size: 12px;
    
    }
    
    .accordPara2{
        color: #6E8A9A;
        font-size: 10px;
    }
    
    .accordPara3{
        color: #343434;
        font-size: 12px;
    }
    .accordPara1 svg{
        height: 8px;
        width: 12px;
    }

    .t2,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11{    margin-top: 20px !important;}
}

@media only screen and (max-width:576px){
    #imglogo svg{
        height: 40px;
        width: 120px;
    }

    #section4{
        height: fit-content;
    }

    .colimg1{
        transform:translateY(-18px) translateX(-30px);
        height: 80px;
    }
    
    .colimg2{
        transform: translateY(22px) translateX(-70px);
        height: 80px;
    }
    .colimg3{
        transform: translateY(25px) translateX(-50px);
        height: 80px;
    }
    .colimg4{
        transform: translateY(22px) translateX(30px);
        height: 80px;
    }
    .colimg5{
        transform: translateX(10px) translateY(-20px);
        height: 80px;
    }

    .sect1Mpara{
        font-size: 16px;
        text-align: center;
    }

    .sect1Fpara{
        font-size: 10px;
    }
    .ficon{
        height: 25px;
    }
    .ficon2{
        height: 20px;
    }

    .contFormSSec{
        border-radius: 18px;
    }

    .frmContact{
        color : #ffffff;
    }

    .frmBtn{
        background: #003D57;
    }

    #imglogo svg{
        height: 40px;
        width: 160px;
    }
    .sect1Fpara{
        font-size: 10px;
    }
    .ficon{
        height: 25px;
    }
    .ficon2{
        height: 20px;
    }
    .frmBtn{
        background-color: #003D57;
    }

    #imglogo{
        height: 40px;
        width: 160px;
    }

    .sect1Mpara{
        font-size: 16px;
        text-align: center;
    }

    .sect1Fpara{
        font-size: 10px;
    }
    .ficon{
        height: 25px;
    }
    .ficon2{
        height: 20px;
    }
    .frmBtn{
        background-color: #003D57;
    }

    .t2,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11{margin-top: 20px !important;}
    
}

@media only screen and (max-width:306px) {
    #imglogo svg{
        height: 40px;
        width: 160px;
    }

    .colimg1{
        transform:translateY(-18px) translateX(-30px);
        height: 70px;
    }
    
    .colimg2{
        transform: translateY(22px) translateX(-85px);
        height: 70px;
    }
    .colimg3{
        transform: translateY(25px) translateX(-50px);
        height: 70px;
    }
    .colimg4{
        transform: translateX(-20px) translateY(23px);
        height: 70px;
    }
    .colimg5{
        transform: translateX(10px) translateY(-20px);
        height: 70px;
    }

    .sect1Fpara{
        font-size: 8px;
    }
    .frmBtn{
        background: #003D57;
    }

    #imglogo svg{
        height: 40px;
        width: 160px;
    }
    .sect1Fpara{
        font-size: 8px;
    }

    #imglogo svg{
        height: 40px !important;
        width: 140px !important;
    }
    .sect1Fpara{
        font-size: 8px;
    }
    .frmBtn{
        background-color: #003D57;
    }

}