/*-- # Testimonials section --*/
ul.breadcrumb{justify-content: center; margin-bottom: 0px;}
ul.breadcrumb li {

    display: inline;

    font-size: 11px; color: #282828;

}

ul.breadcrumb li+li:before {

    color: #282828;

}

.resultbanner{

    text-align: center;

    padding: 2rem 0px 1.5rem 0px;

    background-color: #f3f3f3;

}

.resultheading {

    font-size: 40px;

    font-weight: 400;

    margin-bottom: 10px;

    color: #282828; text-transform: uppercase;

   font-family: var(--heading);

}



/* Start of resultpage */

.resultpage {

    padding: 3rem 5% 3rem 5%;

    background:#fff; border-bottom: #ddd 1px solid;

}



.rrcolumn {

    border-radius: 0px;

    margin: 1rem 0px 1rem 0px;

}



.rrcolumn .rrimage {

    overflow: hidden;

    border-radius: 0px;

    position: relative;

}

.rrcolumn .rrimage i {

    font-size: 24px;

    color: #fff;

    position: absolute;

    left: 10%;width: 48px;height:48px;

    top: 75%;z-index: 9;padding-left: 2px;

    border-radius: 50%;display: flex;align-items: center;justify-content: center;

    background: transparent linear-gradient(90deg, #00A9D4 0%, #00566C 100%) 0% 0% no-repeat padding-box !important;

    transform: translate(-50%, -50%);

    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;

}



.rrcolumn .rrimage img {

    transition: 0.6s;

    border-radius: 0px;

    width: 100%;

}



.rrcontent {

    padding: 12px 20px 20px 20px;

    margin: -30px 20px 20px 20px;

    transition: all ease-in-out 0.3s;

    background: #fff;

    border-top: #00A9D4 4px solid;

    position: relative;

    background: #fff;

    text-align: center;

    box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);

}



.rrheading {

    color: #282828;

    font-size: 20px;text-transform: uppercase;

    padding-bottom: 15px;

   font-family: var(--heading);

    transition: ease-in-out 0.3s;

}

.videotitle{

    color: #282828;

    font-size: 18px; line-height: 24px;

    padding-bottom: 10px;

   font-family: var(--heading);

    transition: ease-in-out 0.3s;

}

.videoperson{

    font-size: 12px;

}

.rrcontent p {

    line-height: 25px;

    font-size: 16px;

    font-family: var(--para);

    margin-bottom: 0;

    padding-bottom:0px;

}



.rrsubheading {
    color: #282828;
    font-size: 18px; line-height: 24px;
    font-weight: 500;
    padding-bottom: 10px;
   font-family: var(--heading);

}



.rrsubheading a {

    color: #282828;

    text-decoration: none;

}



.rrsubheading a:hover {

    color: #00566C;

    text-decoration: none;

}



.rrcolumn:hover .rrimage img {

    transform: scale(1.1);

}



.rrbtns {

    padding: 5px 20px;

    color: #fff;

    font-size: 16px;

    display: inline-block;

    font-family: var(--para);

    background: transparent linear-gradient(90deg, #00A9D4 0%, #00566C 100%) 0% 0% no-repeat padding-box !important;

    transition: 0.5s;

}



.rrbtns:hover {

    color: #fff;

    background-color: #282828;

}

.smalltext{font-size: 12px;padding: 0rem 0px 0px 0px;text-align: center;}





/* Start of Yogesh Sir ipad Pro Screen */

@media screen and (max-width:1200px) and (min-width:1101px) {

    /* Start of gallery page */

    .resultpage {padding: 2rem 2% 2rem 2%}

    .resultheading {font-size: 35px;margin-bottom: 10px; color:#222;}

    .resultbanner {padding: 3rem 0px 3rem 0px;}

    .common_opacity {background: unset;}

    ul.breadcrumb li {color: #282828;}

    ul.breadcrumb li+li:before {color: #282828;}

    .rrcontent {padding: 12px 10px 10px 10px;margin: -20px 10px 10px 10px;}

    .rrsubheading { font-size: 18px;}

    .rrbtns {padding: 5px 15px;font-size: 15px}

    .rrcolumn {margin: 8px 0px 8px 0px;}

    .rrsubheading{padding-bottom: 5px;}

    .videotitle { font-size: 16px;padding-bottom: 5px;line-height: 24px;}

    .videoperson {font-size: 11px;}

}





/* Start of ipad Pro Screen */

@media screen and (max-width:1100px) and (min-width:992px) {

    /* Start of gallery page */

    .resultpage {padding: 2rem 2% 2rem 2%}

    .resultheading {font-size: 35px;margin-bottom: 5px; color:#222;}

    .resultbanner {padding: 3rem 0px 3rem 0px;}

    .common_opacity {background: unset;}

    ul.breadcrumb li {color: #282828;}

    ul.breadcrumb li+li:before {color: #282828;}

    .rrcontent {padding: 12px 10px 10px 10px;margin: -20px 10px 10px 10px;}

    .rrsubheading { font-size: 18px;}

    .rrbtns {padding: 5px 15px;font-size: 15px}

    .rrcolumn {margin: 8px 0px 8px 0px;}

    .rrsubheading{padding-bottom: 5px;}

    .videotitle { font-size: 16px;padding-bottom: 5px;line-height: 24px;}

    .videoperson {font-size: 10px;}

}



/* Start of ipad Screen */

@media screen and (max-width:991.99px) and (min-width:768px) {

    /* Start of gallery page */

    .resultpage {padding: 2rem 2% 2rem 2%}

    .resultheading {font-size: 30px;margin-bottom: 0px; color:#222;}

    .resultbanner {padding: 2rem 0px 2rem 0px;}

    .common_opacity {background: unset;}

    ul.breadcrumb li {color: #282828;}

    ul.breadcrumb li+li:before {color: #282828;}

    .rrcontent {padding: 12px 10px 10px 10px;margin: -20px 10px 10px 10px;}

    .rrsubheading { font-size: 18px;}

    .rrbtns {padding: 5px 15px;font-size: 15px}

    .rrcolumn {margin: 8px 0px 8px 0px;}

    .rrsubheading{padding-bottom: 3px;}

    .smalltext {font-size: 11px;}

    .rrcontent p { line-height: 22px;font-size: 15px;}

    .videotitle { font-size: 16px;padding-bottom: 5px;line-height: 24px;}

    .videoperson {font-size: 11px;}

}



/* Start of iphone/mobile */

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

    /* Start of gallery page */

    .resultpage {padding: 1rem 1% 1rem 1%}

    .teamheading {font-size: 24px;margin-bottom: 0px; color:#282828;}

    .resultheading {font-size: 24px;margin-bottom: 0px;}

    .resultbanner {padding: 1.5rem 0px 1.5rem 0px;}

    .common_opacity {background: unset;}

    ul.breadcrumb li {color: #282828;}

    ul.breadcrumb li+li:before {color: #282828;}

    .rrcontent {padding: 12px 10px 10px 10px;margin: -20px 10px 10px 10px;}

    .rrsubheading { font-size: 18px;}

    .rrbtns {padding: 5px 15px;font-size: 15px}

    .rrcolumn {margin: 8px 0px 8px 0px;}

    .rrsubheading{padding-bottom: 5px;}

    .smalltext {font-size: 11px;}

    .rrcontent p { line-height: 22px;font-size: 15px;}

    .videotitle { font-size: 16px;padding-bottom: 5px;line-height: 24px;}

    .videoperson {font-size: 11px;}

}