/*infastructure-banner-start*/
.infrastructure-banner { padding-bottom: 160px; padding-top: 170px; }
/*infastructure-banner-end*/

/*top-notch-tech-start*/
.top-notch-section .top-notch-main { padding: 40px 0px 0px; margin: 0 -50px 0px; }
.top-notch-main .top-notch-box { padding: 0 50px 114px; height: 320px; }
.top-notch-box .top-notch-box-inner:hover { height: 275px; }
.top-notch-box .top-notch-box-inner { box-shadow: 3px 4px 30px #AEAEAE40; padding: 20px; text-align: center; height: 208px; position: relative; transition: all 400ms ease; }
.top-notch-box .top-notch-box-inner .top-notch-box-title p { font-size: 20px; line-height: 30px; font-weight: 500; }
.top-notch-box .top-notch-box-inner:after { position: absolute; content: ""; background: rgb(162 250 162/80%); top: 0px; transition: all 400ms ease; left: 0px; height: 0px; width: 100%; z-index: -1; }
.top-notch-box:nth-child(2) .top-notch-box-inner:after { background: rgb(173 162 250/80%); }
.top-notch-box:nth-child(3) .top-notch-box-inner:after { background: rgb(162 222 250/80%); }
.top-notch-box:nth-child(4) .top-notch-box-inner:after { background: rgb(250 212 162/80%); }
.top-notch-box:nth-child(5) .top-notch-box-inner:after { background: rgb(250 162 162/80%); }
.top-notch-box:nth-child(6) .top-notch-box-inner:after { background: rgb(250 226 162/80%); }
.top-notch-box .top-notch-box-inner:hover:after { height: 100px; }
.top-notch-box .top-notch-box-inner:hover .top-notch-box-title { padding: 65px 0px 0px; }
.top-notch-box .top-notch-box-inner figure { height: 60px; width: 60px; margin: 0px auto; }
.top-notch-box .top-notch-box-inner:hover figure img { filter: grayscale(100%) brightness(0%) contrast(2); transform: scale(1.2); }
.top-notch-section { padding: 100px 0px 25px; }
.top-notch-box-title h4 { font-size: 20px; font-weight: 400; padding-top: 20px; color: #222831; }
.top-notch-box .top-notch-box-inner .top-notch-box-title { transition: all 400ms ease; }
/*top-notch-tech-end*/

/*robust-infrastrcture-functionality-start*/
.robust-infrastrcture-sec { padding-bottom: 125px; }
.robust-infrastrcture-main-box { box-shadow: 8px 8px 40px #6F6F6F1A; border-radius: 50px; padding: 75px 30px 60px; }
.robust-content .robust-left { width: 44%; padding-right: 50px; }
.robust-content .robust-right { width: 56%; }
.robust-box-inner figure { width: 50px; height: 50px; margin: 0 auto; }
.robust-content .robust-right .robust-box { margin: 0 -7px; }
.robust-content .robust-left p { padding: 10px 0px 0px; font-size: 18px; line-height: 27px; }
.robust-right .robust-box .robust-box-inner { text-align: center; padding: 0 7px 15px; }
.robust-box .robust-box-inner .robust-inner { padding: 15px 20px 5px; border: 0.5px solid #00ADB5; border-radius: 10px; transition: all 400ms ease; }
.robust-inner .robust-box-title p { color: #222831; padding: 5px 0px 0px; }
.robust-box .robust-box-inner .robust-inner:hover { background: rgb(0 173 181 / 10%); }
/*robust-infrastrcture-functionality-end*/

/*our-ofc-main-start*/
.our-office-sec { padding: 63px 0px; }
.our-office-sec .our-office-image { padding: 54px 0px 0px; }
.our-office-sec .our-office-image figure img { width: 100%; }
.our-office-image .our-office-image-mob {
    display: none;
}
/*our-ofc-main-end*/

/*Responsive media query*/

@media screen and (max-width: 1199px){
     /*robust-infrastrcture-functionality-start*/
    .robust-infrastrcture-main-box { padding: 50px 20px 30px; }   
    .robust-content .robust-left { width: 100%; padding-right: 0px; }
    .robust-content .robust-right { width: 100%; padding: 10px 0px 0px; }
    .robust-right .robust-box .robust-box-inner { width: 50%; }
    .robust-content .robust-left p { padding: 0px; font-size: 16px; line-height: 26px; }
    .robust-box .robust-box-inner .robust-inner { padding: 15px 15px 5px; height: 100%; }
    .robust-infrastrcture-sec { padding-bottom: 80px; }
     /*robust-infrastrcture-functionality-end*/
}

@media screen and (max-width: 991px){
    /*infastructure-banner-start*/
    .infrastructure-banner { padding-bottom: 175px; padding-top: 130px; }
    /*infastructure-banner-end*/   

    /*top-notch-tech-start*/
    .top-notch-section { padding: 50px 0px 25px; }
    .top-notch-section .top-notch-main { margin: 0px; padding: 30px 0px 0px; }
    .top-notch-main .top-notch-box { padding: 0 10px 30px; }
    .top-notch-box .top-notch-box-inner .top-notch-box-title p { font-size: 16px; line-height: 26px; }
    /*top-notch-tech-end*/    

    /*our-office-start*/
    .our-office-sec { padding: 50px 0px; }
    .our-office-sec .our-office-image { padding: 30px 0px 0px; }
    /*our-office-end*/
}

@media screen and (max-width: 767px){
       /*banner-section*/
    .infrastructure-banner { padding-bottom: 70px; padding-top: 100px; background-image: none !important; }

    /*top-notch-tech-start*/
    .top-notch-section { padding: 50px 0px 30px; }
    .top-notch-section .top-notch-main {padding: 30px 0px 0px;margin: 0 -7px;}
    .top-notch-main .top-notch-box {width: 50%;padding: 0px 7px 25px;height: auto;}
    .top-notch-box .top-notch-box-inner,
    .top-notch-box .top-notch-box-inner:hover { height: 100%; }
    .top-notch-box .top-notch-box-inner figure img { filter: grayscale(100%) brightness(0%) contrast(2); transform: none; height: 100%; width: 100%; }
    .top-notch-box .top-notch-box-inner .top-notch-box-title {padding: 11px 0px 0px;}
    .top-notch-box .top-notch-box-inner:after { height: 90px; }
    .top-notch-box .top-notch-box-inner .top-notch-box-title p { font-size: 14px; line-height: 20px; }
    .top-notch-box .top-notch-box-inner figure {height: 50px;width: 50px;margin: 0px auto;}
    .top-notch-box .top-notch-box-inner:hover figure img { transform: none; }
    .top-notch-box .top-notch-box-inner:hover:after { height: 90px; }
    .top-notch-box .top-notch-box-inner:hover .top-notch-box-title { padding: 11px 0 0; }
    .top-notch-box .top-notch-box-inner { padding: 5px; height: 100%; }
    .top-notch-box-image { height: 85px; display: flex; align-items: center; justify-content: center; }

    /*top-notch-tech-end*/
    .robust-infrastrcture-sec { padding-bottom: 50px; }
    .robust-box .robust-box-inner .robust-inner { background: rgb(0 173 181 / 10%); }
    .our-office-image .our-office-image-mob { display: block; }
    .our-office-image .our-office-image-desc { display: none;}
}