@font-face {
    font-family: "Allianz Sans";
    src: url("../../../../../../content/dam/revampbagic/fonts/Rubik-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}
@font-face {
   font-family: "Allianz Sans";
    src: url("../../../../../../content/dam/revampbagic/fonts/Rubik-Regular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2084;
}
@font-face {
    font-family: 'Rubik-Light';
    src: url("../../../../../../content/dam/revampbagic/fonts/Rubik-Light.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2084;
}
@charset 'UTF-8';
.slick-slider button{
    width: 40px;
    height: 40px;
    border-radius: 500px;
    border: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0;
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-loading .slick-list {
    background: url(clientlibs/css/ajax-loader.gif) center center no-repeat #fff;
}
@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(../../../../../../content/dam/bagic/fonts/slick.eot);
    src: url(../../../../../../content/dam/bagic/fonts/slick.eot?#iefix) format("embedded-opentype"), url(../../../../../../content/dam/bagic/fonts/slick.woff) format("woff"), url(../../../../../../content/dam/bagic/fonts/slick.ttf) format("truetype"), url(../../../../../../content/dam/bagic/fonts/slick.svg#slick) format("svg");
}
.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    margin-top: -10px\9;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.slick-disabled{
    background: #c7cacc !important;
    pointer-events: none;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
   
    width: 14px;
    height: 12px;
    display: block;
    margin: auto;
}
.slick-prev:before {
    color: #fff;
    text-indent: -9999px;
    background: url(../../../../../../content/dam/hdfclifeinsurancecompany/glossary/sprite.png) no-repeat;
    width: 18px !important;
    height: 12px !important;
    display: block;
    margin: auto;
    transform: rotate(180deg);
}
.slick-next:before{
    color: #fff;
    text-indent: -9999px;
    background: url(../../../../../../content/dam/hdfclifeinsurancecompany/glossary/sprite.png) no-repeat;
    width: 18px;
    height: 12px;
    display: block;
    margin: auto;
}
.slick-prev {
    left: -52px;
    background: #ed1c24;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: "←";
}
.slick-next:before{
content: "←";
}
.slick-next {
    right: -25px;
    background: #ed1c24;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    bottom: -45px;
    width: 100%;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #000;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #000;
}
.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block;
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider .active{
    color:#ed1c24;
}
.slick-slider .inactive{
    color:#c7cacc;
    pointer-events: none;
    cursor: default;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    top: 0;
    left: 0;
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/**********************************************************common glossary css end***************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(clientlibs/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
*{
  font-family: 'Rubik-Regular';
}
.container {
  max-width: 1512px;
  margin: 0 auto;
}

picture {
  display: inline-flex;
}

button{
  cursor: pointer;
}

use:nth-child(2) {
  transform: translate(20px);
}
use:nth-child(3) {
  transform: translate(40px);
}
use:nth-child(4) {
  transform: translate(60px);
}
use:nth-child(5) {
  transform: translate(80px);
}

.rating {
  display: block;
  height: 25px;
  /* margin: 0 auto; */
  width: 100px;
}

.menuOverlay{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  background: rgba(0,0,0,.3);
  backdrop-filter: blur(30px);
  z-index: 9990;
  display: none;
  top: 0;
}



header.mainHeader nav ul {
    margin-left: 18px;
}
/*@media screen and (max-width: 768px){

    .stickySide{
        display: none;
    }
}*/
@media screen and (max-width: 768px){
    .container {
        padding: 0 !important;
    }
}
@media screen and (max-width: 479px){
    header.mainHeader .logoSec {
        width: 154px !important;
        margin-top: 1px;
        margin-left: 5px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767.69px){
    section.agentInformationGradient {
        /* background: linear-gradient(to bottom, #ff1f88, #255fe7); */
        padding: 0 14px;
        box-shadow: unset;
    }
}
.profilePicture img{
    min-width: 199px;
}
/* @media only screen and (min-width: 950px) and (max-width: 1400px){
    div.aboutAdvisorText {
         padding: 80px 30px;
     }
     div.cardSection{
           padding: 80px 28px;
     }
} */
.popupSec .closePop {
    width: 20px;
    position: absolute;
    height: 20px;
    right: 12px;
    top: 12px;
    cursor: pointer;
    z-index: 9999;
}
.popupSec .closePop span:nth-child(1) {
    -webkit-transform: rotate(47deg);
    -moz-transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    -o-transform: rotate(47deg);
    transform: rotate(47deg);
    position: relative;
    top: 10px;
}
.popupSec .closePop span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: 7px;
}
.popupSec .closePop span {
    display: block;
    background: black;
    height: 3px;
    width: 100%;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}
.imageCircle1{
    position: relative;
}
.imageCircle1 img {
    max-width: 99px;
}
.imageCircle1 .blueCardsIcon {
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: transparent;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.imageCircle1 img {
    max-width: 99px;
}
@media only screen and (min-width: 320px) and (max-width: 767.69px){
  .popupSec .closePop{
            right: 0;
            top: -20px;
  }
  .imageCircle1 img {
      max-width: 57px;
  }
}
    .iconRedirect1{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-right: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 767.69px){
    .iconRedirect1 {
    margin-right: unset;
    padding: 0;
    padding-right: 0;
    min-width: 56px;
    }
}
.humbugMenu {
    width: 25px;
    position: absolute;
    right: 20px;
    bottom: 22px;
    display: none
}

.humbugMenu span {
    display: block;
    background: #fff;
    height: 3px;
    width: 100%;
    margin-bottom: 5px;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all
}

.mainHeader {
    background: #0071bb;
    padding: 0 0 22px;
    position: relative
}

.mainHeader .container:after {
    content: "";
    clear: both;
    display: block
}

.mainHeader .logoSec {
    float: left;
    width: 17% !important;
    margin-top: 30px
}

.mainHeader nav {
    float: left;
    /* margin-top: 70px */
}

.mainHeader nav ul li {
    display: inline-block;
    margin: 0 15px
}

.mainHeader nav ul li a {
    color: #fff;
    font-family: "Rubik-Regular";
}

.mainHeader nav .contactSec {
    display: none
}

.mainHeader nav>ul>li {
    margin: 0 9px;
    min-width: 62px
}

.mainHeader .rightSec {
    text-align: right;
    float: right;
    /* width: 30% */
}

.rightSec .agent-login-logo{
    display: block;
}

.rightSec .agent-login-logo li:last-child a{
    position: absolute;
    bottom: 32px;
    right: 50px;
    /* height: 40px;
    width: 40px; */
}

.rightSec .agent-login-logo li:last-child a img {
    height: 55px;
    margin-bottom: -10px;
}

.mainHeader .rightSec .notification {
    width: 26px;
    height: 21px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: 0 -79px;
    position: relative;
    margin-top: 18px
}

.mainHeader .rightSec .notification span {
    font-size: 1.1rem;
    color: #fff;
    background: #bd1f0a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    display: block;
    padding: 2px;
    line-height: 12px;
    position: absolute;
    top: -6px;
    right: -2px
}

.mainHeader .rightSec .langSec {
    margin-left: 20px;
    margin-top: 21px
}

.mainHeader .rightSec .langSec.customSelect {
    min-width: 70px
}

.mainHeader .rightSec .langSec.customSelect .selectedText {
    color: #8de2ff
}

.mainHeader .rightSec .rightBottom {
    margin-top: 22px
}

.mainHeader .rightSec .rightBottom .searchSec>a {
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -38px -63px;
    width: 17px;
    height: 18px;
    display: block
}

.mainHeader .rightSec .rightBottom .getInTouch {
    min-width: 175px
}

.mainHeader .rightSec .rightBottom .getInTouch .selectedText {
    border: 1px solid #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    font-size: 1.8rem;
    color: #8de2ff;
    text-align: left;
    padding: 3px 0 3px 20px;
    letter-spacing: 1px;
    position: relative
}



.mainHeader .sumMenuSec ul {
    display: grid;
    margin: 10%;
}

.mainHeader .sumMenuSec .closeBtn {
    position: absolute;
    right: 5%;
    top: 50px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat !important;
    background-position: -280px -88px !important;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.mainHeader .sumMenuSec ul>li {
    vertical-align: top;
    width: auto;
    margin: 0;
    margin-top: 0px
}

.mainHeader nav ul li:hover a {
    color: #ff9b41;
}

.mainHeader .sumMenuSec ul>li .iconSec {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    text-align: left;
    width: 100%;
}

.mainHeader .sumMenuSec ul>li .iconSec p {
    font-size: 2.0rem;
    color: #005596;
    font-family: "Rubik-Bold";
    padding-top: 3px
}

.mainHeader .sumMenuSec ul>li .iconSec .animIconSec .imgBox {
    margin-top: 8px
}

.mainHeader .sumMenuSec ul>li .links {

    vertical-align: top;
    position: absolute;
    min-width: 324px;
    padding: 24%;
    top: 0px;
    left: 100%;
    min-height: 347px;
    background: white;
    box-shadow: 0 0 15px 2px rgb(50 50 50 / 18%);
}

.mainHeader .sumMenuSec ul>li .links ul li {
    display: block;
    margin: 0;
    margin-bottom: 10px
}

.mainHeader .sumMenuSec ul>li .links ul li a {
    color: #0072bc;
    font-size: 1.7rem;
    font-family: "Rubik-Light"
}

.mainHeader .searchResultSec {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    height: 87vh;
    top: 125px;
    z-index: 2;
    display: none
}

.mainHeader .searchResultSec .resultWrap {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.mainHeader .searchResultSec .resultWrap .inputSec {
    position: relative
}

.mainHeader .searchResultSec .resultWrap .inputSec input {
    width: 100%;
    background: #d4f4ff;
    font-size: 2.4rem;
    color: #000;
    font-family: "Rubik-Light";
    height: 75px;
    padding: 2px 80px
}

.mainHeader .searchResultSec .resultWrap .inputSec .icon {
    width: 26px;
    height: 31px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -374px -336px;
    position: absolute;
    left: 28px;
    top: 23px
}

.mainHeader .searchResultSec .resultWrap .inputSec #voiceSearch {
    position: absolute;
    right: 28px;
    top: 23px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -374px -293px;
    width: 23px;
    height: 31px
}

.mainHeader .searchResultSec .resultWrap .resultList {
    text-align: left;
    border-top: 1px solid #fff;
    background: #f8f8f8
}

.mainHeader .searchResultSec .resultWrap .resultList ul li {
    color: #0072bc;
    font-size: 2.2rem;
    font-family: "Rubik-Light";
    padding: 20px 80px;
    border-bottom: 1.5px solid #ebebeb
}

.mainHeader .searchResultSec .resultWrap .resultList .seeAll {
    background: #f8f8f8;
    padding: 15px 80px 10px
}

.mainHeader .searchResultSec .resultWrap .resultList .seeAll a {
    font-size: 1.3rem;
    color: #0072bc;
    border-bottom: 1px solid #0072bc
}

.humbugMenu {
    width: 25px;
    position: absolute;
    right: 20px;
    bottom: 22px;
    display: none
}

.humbugMenu span {
    display: block;
    background: #fff;
    height: 3px;
    width: 100%;
    margin-bottom: 5px;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all
}

.humbugMenu.close {
    margin-top: 5px;
    bottom: 30px
}

.humbugMenu.close span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: -3px
}

.humbugMenu.close span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.humbugMenu.close span:nth-child(3) {
    display: none
}

.mainHeader {
    background: #0071bb;
    padding: 0 0 22px;
    position: relative
}

.mainHeader .container:after {
    content: "";
    clear: both;
    display: block
}

.mainHeader .container{
    display: flex;
}

.mainHeader .logoSec {
    float: left;
    width: 25%;
    margin-top: 30px
}

.mainHeader nav {
    float: right;
    margin-top: 22px
}

.mainHeader nav ul li {
    display: inline-block;
    margin: 0 15px
}

.mainHeader nav ul li a {
    color: #fff;
    font-family: "Rubik-Regular";
}

.mainHeader nav ul li:hover a {
    color: #ff9b41;
    font-family: "Rubik-Regular" !important;
}

/*
.mainHeader nav ul li.open .sumMenuSec { z-index: 2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); -khtml-opacity: 1; opacity: 1; height: 87vh; display: block; }
*/


.mainHeader nav ul li.open {
    position: relative;
}

/*.mainHeader nav > ul > li.open .sumMenuSec{height: 100vh;}*/



.mainHeader nav .contactSec {
    display: none
}

header.mainHeader .container nav>ul>li {
    margin: 0 9px;
    min-width: auto
}

.mainHeader .rightSec {
    text-align: right;
    float: right;
    /* width: 30% */
}

.mainHeader .rightSec .notification {
    width: 26px;
    height: 21px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: 0 -79px;
    position: relative;
    margin-top: 18px
}

.mainHeader .rightSec .notification span {
    font-size: 1.1rem;
    color: #fff;
    background: #bd1f0a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    display: block;
    padding: 2px;
    line-height: 12px;
    position: absolute;
    top: -6px;
    right: -2px
}

.mainHeader .rightSec .langSec {
    margin-left: 20px;
    margin-top: 21px
}

.mainHeader .rightSec .langSec.customSelect {
    min-width: 70px
}

.mainHeader .rightSec .langSec.customSelect .selectedText {
    color: #8de2ff
}

.mainHeader .rightSec .rightBottom {
    margin-top: 22px
}

.mainHeader .rightSec .rightBottom .searchSec>a {
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -35px -58px;
    width: 26px;
    height: 26px;
    display: block
}

.mainHeader .rightSec .rightBottom .getInTouch {
    min-width: 175px
}

.mainHeader .rightSec .rightBottom .getInTouch .selectedText {
    border: 1px solid #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    font-size: 1.8rem;
    color: #8de2ff;
    text-align: left;
    padding: 3px 0 3px 20px;
    letter-spacing: 1px;
    position: relative
}

.mainHeader .rightSec .rightBottom .loginSec .btn {
    padding: 3px 25px 5px;
    margin-left: 25px;
    color: #0071bb;
    background: #fff;
    border: 1px solid #fff;
}

.mainHeader .rightSec .rightBottom .loginSec .btn:hover {
    color: #fff;
}

.nonTouch .mainHeader .rightSec .rightBottom .loginSec .btn:before {
    background: #f89c30;
}

.mainHeader .rightSec .rightBottom .loginSec .btn:hover:before {
    background: #f89c30;
    border: 1px solid #f89c30;
    color: #fff;
}

.mainHeader .sumMenuSec {
    left: auto !important;
    padding-top: 20px;
    position: absolute;
    top: 79px;
    width: auto;
    height: 0;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    opacity: 0;
    display: none;
    z-index: -1;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all
}

.mainHeader .sumMenuSec .closeBtn {
    position: absolute;
    right: 5%;
    top: 50px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -280px -88px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.mainHeader .sumMenuSec ul>li {
    vertical-align: top;
    width: auto;
    margin: 0;
    margin-top: 0px
}

.mainHeader .sumMenuSec ul>li .iconSec {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    text-align: right;
    width: auto
}

.mainHeader .sumMenuSec ul>li .iconSec p {
    font-size: 2.0rem;
    color: #005596;
    font-family: "Rubik-Bold";
    padding-top: 3px
}

.mainHeader .sumMenuSec ul>li .iconSec .animIconSec .square {
    width: 8px;
    height: 8px;
    top: 4px
}

.mainHeader .sumMenuSec ul>li .iconSec .animIconSec .imgBox {
    margin-top: 8px
}

.mainHeader .sumMenuSec ul>li .links {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    min-width: 324px;
    padding: 11%;
    top: 0px;
    left: 100%;
    min-height: 347px;
}

.mainHeader .sumMenuSec ul>li .links ul li {
    display: block;
    margin: 0;
    margin-bottom: 4px
}

.mainHeader .sumMenuSec ul>li .links ul li a {
    color: #0072bc;
    font-size: 1.7rem;
    font-family: "Rubik-Light"
}

.mainHeader .searchResultSec {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    height: 87vh;
    top: 125px;
    z-index: 2;
    display: none
}

.mainHeader .searchResultSec .resultWrap {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.mainHeader .searchResultSec .resultWrap .inputSec {
    position: relative
}

.mainHeader .searchResultSec .resultWrap .inputSec input {
    width: 100%;
    background: #d4f4ff;
    font-size: 2.4rem;
    color: #000;
    font-family: "Rubik-Light";
    height: 75px;
    padding: 2px 80px
}

.mainHeader .searchResultSec .resultWrap .inputSec .icon {
    width: 26px;
    height: 31px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -374px -336px;
    position: absolute;
    left: 28px;
    top: 23px
}

.mainHeader .searchResultSec .resultWrap .inputSec #voiceSearch {
    position: absolute;
    right: 28px;
    top: 23px;
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -374px -293px;
    width: 23px;
    height: 31px
}

.mainHeader .searchResultSec .resultWrap .resultList {
    text-align: left;
    border-top: 1px solid #fff;
    background: #f8f8f8
}

.mainHeader .searchResultSec .resultWrap .resultList ul li {
    color: #0072bc;
    font-size: 2.2rem;
    font-family: "Rubik-Light";
    padding: 20px 80px;
    border-bottom: 1.5px solid #ebebeb
}

.mainHeader .searchResultSec .resultWrap .resultList .seeAll {
    background: #f8f8f8;
    padding: 15px 80px 10px
}

.mainHeader .searchResultSec .resultWrap .resultList .seeAll a {
    font-size: 1.3rem;
    color: #0072bc;
    border-bottom: 1px solid #0072bc
}

.customSelect {
    position: relative
}

.customSelect select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.customSelect .selectedText:after {
    content: "";
    background: url(clientlibs/components/content/common/header/clientlib/images/sprite.png) no-repeat;
    background-position: 0 -63px;
    width: 13px;
    height: 8px;
    margin-left: 10px
}

.customSelect {
    position: relative
}

.customSelect select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.customSelect .selectedText:after {
    content: "";
    background: url(../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: 0 -63px;
    width: 13px;
    height: 8px;
    margin-left: 10px
}

.mainHeader .sumMenuSec .container>ul>li .iconSec {
    width: 85px;
}

.mainHeader nav .sumMenuSec ul li a {

    color: #000000 !important;
    text-decoration: none;
    position: relative;
    width: auto;
    display: inline-block;
    font-size: 1.4rem !important;

}

.mainHeader {
    padding: 0 !important;
    z-index: 99;
}

.mainHeader .sumMenuSec ul>li .iconSec .animIconSec .imgBox {
    margin-top: 0;
    margin-right: 10px;
}

.mainHeader .sumMenuSec ul>li .iconSec p {
    text-align: left;
}

.mainHeader nav ul li .sumMenuSec .iconSec .animIconSec .svgBox {
    height: 65px;
    width: 65px;
    text-align: center;
    margin: 0 auto;
}

.mainHeader nav ul li .sumMenuSec .iconSec .animIconSec .svgBox svg {
    height: 65px;
    width: 65px;
}

.mainHeader nav .sumMenuSec ul li a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background: #005596;
    left: 0;
    bottom: -2px;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.mainHeader nav .sumMenuSec ul li a:hover:before,
.mainHeader .sumMenuSec .container>ul>li .links ul li a:hover:before {
    width: 100%;
    left: 0;
    bottom: -2px;
    height: 1px;
}

.mainHeader .sumMenuSec .container>ul>li .links ul li a {
    position: relative;
    width: auto;
    display: inline-block;
}

.mainHeader .sumMenuSec .container>ul>li .links ul li a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background: #0072bc;
    left: 0;
    bottom: -2px;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.nonTouch .mainHeader .sumMenuSec .container>ul>li .links ul li a:hover {
    text-decoration: none;
}

/*New custom dropdown*/


/* Select Language Dropdown END*/
.selectMulty {
    position: absolute;
    left: 0;
    width: auto;
    display: none;
    z-index: 100;
    margin: 0;
}

.selectMulty .innerWrap {
    width: 100%;
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: 0 0 40px 3px #e0dfdf;
    -moz-box-shadow: 0 0 40px 3px #e0dfdf;
    -ms-box-shadow: 0 0 40px 3px #e0dfdf;
    -o-box-shadow: 0 0 40px 3px #e0dfdf;
    box-shadow: 0 0 40px 3px #e0dfdf;
    padding: 2px 12px 8px;
    max-height: 300px;
    overflow-y: auto;
}

.selectMulty ul li {
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 10px 5px;
    cursor: pointer;
}

.selectMulty ul li:last-child {
    border-bottom: 0;
    padding-bottom: 8px;
}

.selectMulty label {
    font-size: 1.8rem;
    color: #4f4f4f;
    cursor: pointer;
    position: relative;
    padding-left: 38px;
    display: block;
}

.selectMulty label:before {
    content: '';
    background: #c1c1c1;
    left: 8px;
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    z-index: 1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}

.selectMulty input:checked+label:before {
    background: #0072bc url(clientlibs/components/content/common/header/clientlib/images/sprite.png) no-repeat;
    background-color: #0072bc;
    background-position: -369px -468px;
}

.selectMulty input {
    width: auto;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    top: 0;
}

.selectMulty .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    background: url(clientlibs/components/content/common/header/clientlib/images/sprite.png) no-repeat;
    background-position: -315px -83px;
    z-index: 1;
}

.customSelect select {
    opacity: 0;
    z-index: -11;
}

.mainHeader .rightSec .langSec.customSelect {
    cursor: pointer;
}


#ymPluginDivContainerInitial {
    display: block !important;
}

.header-sub {
    background: white;
    padding: 2px 0px 0px;
}

.sub-menu-link {
    text-align: right;
    padding: 3px !important;
    ;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;

}

.sub-menu-link ul li {
    display: inline-block;
    vertical-align: middle;
}

.sub-menu-link ul li a {
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    color: #0072bc;
    margin: 0 22px 0 0;
    text-transform: capitalize;
}


.sub-menu-link ul li a:hover {
    color: #ff8100;
}

.header-sub .ph-numbers-header {
    float: right;
    padding: 0;
}

.header-sub .ph-numbers-header p {
    padding: 0;
}

/* Select Language Dropdown END*/


@media screen and (max-width: 1500px) {
    .container {
        padding: 0 40px
    }
}

@media screen and (max-width: 1400px) {
    .mainHeader .sumMenuSec {
        padding-top: 0;
    }

    .mainHeader .sumMenuSec .container>ul>li {
        margin-top: 30px;
    }

    .mainHeader .sumMenuSec .closeBtn {
        right: 3%;
        top: 25px;
    }
}

@media screen and (max-width: 1300px) {

    .mainHeader .rightSec {
        width: 38%;
    }

    .mainHeader nav {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 1024px) {


    .dropdown-menu ul li .icon a[href^="tel:"] {

        pointer-events: auto !important;
        cursor: default !important;
        text-decoration: none;
    }

    .mainHeader {
        z-index: 98;
    }

    .mainHeader .logoSec {
        margin-top: 0;
        width: 258px;
    }

    .mainHeader .humbugMenu {
        display: block;
        z-index: 9;
        bottom: 30px;
    }

    .mainHeader nav {
        right: -500px;
        top: 100%;
        z-index: 1;
        background: #fff;
        width: 45%;
        z-index: 2;
        position: absolute;
        padding-top: 10px;
        margin-top: 0;
        -webkit-transition: 0.5s ease all;
        -moz-transition: 0.5s ease all;
        -ms-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }

    .mainHeader nav>ul>li {
        display: block;
        margin: 0;
    }

    .mainHeader nav>ul>li>a {
        color: #005596;
        padding: 13px 15px 14px 55px;
        display: block;
        font-family: "Rubik-Bold";
        font-size: 1.8rem;
        position: relative;
    }

    .mainHeader nav>ul>li>a:after {
        content: "";
        width: 12px;
        height: 12px;
        position: absolute;
        top: 20px;
        right: 24px;
        background: url(../../../../../../content/dam/bagic/index/sprite.png) no-repeat;
        background-position: -320px -386px;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec p {
        position: relative;
    }

    .mainHeader nav>ul>li:first-child .sumMenuSec>ul>li .iconSec p:after {
        content: "";
        width: 12px;
        height: 12px;
        position: absolute;
        top: 20px;
        right: 24px;
        background: url(../../../../../../content/dam/bagic/index/sprite.png) no-repeat;
        background-position: -320px -386px;
    }

    .mainHeader nav>ul>li::nth-child(1) .sumMenuSec>ul>li .iconSec p:after {
        content: "";
        width: 12px;
        height: 12px;
        position: absolute;
        top: 20px;
        right: 24px;
        background: url(../../../../../../content/dam/bagic/index/sprite.png) no-repeat;
        background-position: -320px -386px;
    }

    .mainHeader nav>ul>li:first-child .sumMenuSec>ul>li:nth-child(3) .iconSec p:after{
        display: none;
    }

    .mainHeader nav>ul>li:first-child .sumMenuSec>ul>li:nth-child(4) .iconSec p:after{
        display: none;
    }

    .mainHeader nav>ul>li:first-child .sumMenuSec>ul>li:nth-child(5) .iconSec p:after{
        display: none;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec p.deviceMenuOpen:after {
        background-position: -320px -404px !important;
    }

    .mainHeader nav>ul>li:nth-of-type(2) .sumMenuSec>ul>li .iconSec p:after{
        display: none;
    }

    /* 
.mainHeader nav > ul > li > a:before { content: ""; width: 16px; height: 18px; position: absolute; top: 16px; left: 24px; background: url(../content/dam/bagic/index/sprite.png) no-repeat; }

.mainHeader nav > ul > li:nth-child(1) > a:before { content: ""; width: 16px; height: 18px; position: absolute; background: url(../content/dam/bagic/index/sprite.png) no-repeat; background-position: -298px -423px; }
.mainHeader nav > ul > li:nth-child(2) > a:before { content: ""; width: 16px; height: 18px; position: absolute; background: url(../content/dam/bagic/index/sprite.png) no-repeat; background-position: -298px -448px; top: 17px; left: 26px; }
.mainHeader nav > ul > li:nth-child(3) > a:before { content: ""; width: 16px; height: 18px; position: absolute; background: url(../content/dam/bagic/index/sprite.png) no-repeat; background-position: -298px -468px; top: 17px; left: 26px; }
.mainHeader nav > ul > li:nth-child(4) > a:before { content: ""; width: 16px; height: 18px; position: absolute; background: url(../content/dam/bagic/index/sprite.png) no-repeat; background-position: -320px -423px; top: 20px; left: 28px; }
*/
    .mainHeader nav>ul>li .sumMenuSec {
        height: auto;
    }

    .mainHeader nav>ul>li a:after {
        background-position: -320px -404px;
    }

    .mainHeader nav>ul>li .sumMenuSec {
        position: relative;
        height: auto;
        top: auto;
        left: auto;
        opacity: 1;
        z-index: 2;
        display: none;
        -webkit-transition: 0s ease all;
        -moz-transition: 0s ease all;
        -ms-transition: 0s ease all;
        -o-transition: 0s ease all;
        transition: 0s ease all;
    }

    .mainHeader nav>ul>li .sumMenuSec .closeBtn {
        display: none;
    }

    .mainHeader nav>ul>li .sumMenuSec {
        padding: 0;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li {
        display: block;
        margin: 0;
        width: 100%;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec {
        width: 100%;
        text-align: left;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec p {
        padding: 12px 5px 12px 35px;
        font-size: 1.8rem;
        font-family: "Rubik-Regular";
        color: #6c6c6c;
        font-weight: bold;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec .animIconSec {
        display: none;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .links {
        display: none;
        width: 100%;
        padding: 0px 5px 0px 70px;
        position: relative;
        margin: 8px 0 15px;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .links li {
        line-height: 16px;
        margin-bottom: 12px;
        text-align: left;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .links a {
        color: #0071bb;
        font-size: 1.5rem;
        font-family: "Rubik-Regular";
        line-height: 16px;
    }

    .mainHeader nav.active {
        right: 0;
    }

    .mainHeader nav .contactSec {
        display: block;
        background: #f2f2f2;
        padding: 30px 10px 30px 25px;
        margin-top: 20px;
    }

    .mainHeader nav .contactSec span {
        display: block;
        color: #5e5e5e;
        font-family: "Rubik-Light";
        margin-bottom: 2px;
    }

    .mainHeader nav .contactSec strong {
        font-family: "Rubik-Bold";
        color: #5e5e5e;
        display: block;
    }

    .mainHeader nav .contactSec .mailId {
        margin-top: 10px;
    }

    .mainHeader .rightSec {
        width: 85%;
        float: right;
        text-align: right;
        margin-right: 70px;
    }

    .mainHeader .rightSec .langSec.customSelect {
        position: absolute;
        top: 0px;
        right: 0px;
        margin-top: 18px;
        margin-left: 15px;
        text-align: left;
    }

    .mainHeader .rightSec .notification {
        position: absolute;
        right: 89px;
        top: 0px;
    }

    .locateAndClaimSec .claimInTabSec .tabContentSec .content .description ul li {
        font-size: 1.7rem;
    }

    .mainHeader .searchResultSec .resultWrap {
        width: 700px;
    }

    .mainHeader .searchResultSec .resultWrap .resultList ul li {
        padding: 20px 40px 20px 80px;
    }

    .mainHeader .rightSec .rightBottom .loginSec .btn:hover {
        color: #0071bb;
    }

    header.mainHeader {
        padding: 10px 0px;
    }

    .mainHeader .rightSec {
        width: 50%;
        margin-top: 10px;
    }

    .links .animIconSec {
        display: none !important;
    }

}

@media screen and (max-width: 767px) {
    .mainHeader .sumMenuSec ul {
        display: grid;
        margin: 4% 8% 3%;
    }

    .mainHeader nav {
        margin-top: 0px !important;
    }

    .links .animIconSec {
        display: none !important;
    }

    .mainHeader nav>ul>li>a:after {
        background-position: -320px -386px !important
    }

    .mainHeader nav>ul>li.open a:after {
        background-position: -320px -404px !important;
    }

    .mainHeader nav>ul>li>a {
        padding: 13px 15px 14px 30px;
        text-align: left;
    }

    .mainHeader .sumMenuSec ul {
        margin-top: 0px;
    }

    .mainHeader nav>ul>li>a:after {
        right: 35px !important;
    }

    .mainHeader nav>ul>li:nth-child(3)>a:after{
        display: none;
    }

    .mainHeader nav>ul>li:first-child .sumMenuSec>ul>li .iconSec p:after {
        right: 30px !important;
    }

    .mainHeader nav>ul>li:nth-child(2) .sumMenuSec>ul>li .iconSec p:after {
        right: 30px !important;
    }

    .mainHeader nav>ul>li:nth-child(2) .sumMenuSec>ul>li .iconSec p:after {
        content: "";
        width: 12px;
        height: 12px;
        position: absolute;
        top: 20px;
        right: 24px;
        background: url(../../../../../../content/dam/bagic/index/sprite.png) no-repeat;
        background-position: -320px -386px;
    }

    .mainHeader nav>ul>li:nth-child(2) .sumMenuSec>ul>li:nth-child(3) .iconSec p:after {
        display: none;
    }

    .mainHeader nav>ul>li:nth-child(2) .sumMenuSec>ul>li:nth-child(4) .iconSec p:after {
        display: none;
    }

    .mainHeader nav>ul>li:nth-child(2) .sumMenuSec>ul>li .iconSec .deviceMenuOpen p:after {
        background-position: -320px -404px !important;
    }

    .mainHeader nav>ul>li .sumMenuSec ul>li .links {
        visibility: visible;
        opacity: 1;

    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .links {

        min-height: auto;
    }

    .sub-menu-link ul li a {
        margin: 0 8px 0 0;
        font-size: 1.2rem;
        text-decoration: underline;
    }

    .mainHeader {
        padding: 0 0 18px;
    }

    .mainHeader nav {
        top: 100%;
    }

    .mainHeader .rightSec {
        width: 100%;
        text-align: left;
        margin-right: 0;
        margin-top: 10px;
        position: relative;
    }

    .rightSec .agent-login-logo{
        display: block;
    }

    .rightSec .agent-login-logo li:last-child a{
        display: block;
        width: 35px;
        height: 28px;
        position: absolute;
        right: 50px;
        bottom: 10px;
    }

    .mainHeader .rightSec .langSec.customSelect {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 18px;
    }

    .mainHeader .searchResultSec .resultWrap {
        width: 94%;
    }

    .mainHeader .searchResultSec .resultWrap .inputSec input {
        padding: 2px 60px;
        height: 65px;
    }

    .mainHeader .searchResultSec .resultWrap .inputSec .icon {
        left: 15px;
        top: 16px;
    }

    .mainHeader .searchResultSec .resultWrap .inputSec #voiceSearch {
        right: 16px;
        top: 18px;
    }

    .mainHeader .searchResultSec .resultWrap .resultList ul li {
        font-size: 2rem;
        padding: 10px 40px 10px 61px;
    }

    .mainHeader .searchResultSec .resultWrap .resultList .seeAll {
        padding: 15px 62px 10px;
    }

    .dropdown-menu ul li .icon a {
        font-size: 1.6rem;
    }

    .mainHeader nav>ul>li.open .sumMenuSec {
        height: auto !important;
        visibility: visible;
        opacity: 1;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .iconSec p.deviceMenuOpen a {
        color: #ff9b41;
    }

    .mainHeader nav>ul>li:hover .sumMenuSec {
        bottom: -36px;
        opacity: 1;
    }

    .mainHeader nav>ul>li .sumMenuSec>ul>li .links {
        padding: 0px 5px 0px 35px;
    }

    .rightSec .agent-login-logo li:last-child a img {
        height: 30px;
        margin-top: -3px;
    }

}

@media screen and (max-width: 639px) {
    .mainHeader {
        padding: 0 0 15px;
    }

    .mainHeader .logoSec {
        width: 233px;
    }

    .mainHeader .humbugMenu {
        bottom: 15px;
    }

    .mainHeader .rightSec .langSec.customSelect {
        right: 2px;
    }

    .mainHeader .rightSec .notification {
        right: 92px;
    }

    .mainHeader .rightSec .rightBottom .getInTouch .selectedText {
        font-size: 1.4rem;
        padding: 4px 0 3px 14px;
    }

    .mainHeader nav {
        top: 100%;
        width: 65%;
    }

    .mainHeader .searchResultSec .resultWrap .inputSec input {
        padding: 2px 45px;
        height: 45px;
        font-size: 1.8rem;
    }

    .mainHeader .searchResultSec .resultWrap .inputSec .icon {
        background-size: auto 317px;
        background-position: -237px -214px;
        left: 13px;
        top: 13px;
        height: 22px;
    }

    .mainHeader .searchResultSec .resultWrap .inputSec #voiceSearch {
        background-size: auto 362px;
        background-position: -267px -210px;
        width: 21px;
        height: 27px;
        right: 14px;
        top: 10px;
    }

    .mainHeader .searchResultSec .resultWrap .resultList ul li {
        font-size: 1.4rem;
        padding: 10px 20px 10px 18px;
    }

    .mainHeader .searchResultSec .resultWrap .resultList .seeAll {
        padding-left: 18px;
    }

    .mainHeader .rightSec .rightBottom .getInTouch .selectedText {
        font-size: 1.4rem;
        padding: 4px 0 3px 14px;
    }

    .mainHeader .humbugMenu {
        bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    .mainHeader .humbugMenu {
        right: 10px;
    }

    .mainHeader .rightSec .langSec.customSelect {
        margin-top: 8px;
        right: 2px;
        min-width: 60px;
        margin-left: 10px;
    }

    .mainHeader .rightSec .notification {
        right: 77px;
        margin-top: 12px;
    }

    .mainHeader .rightSec .rightBottom .searchSec {
        right: 115px;
        top: 14px;
    }

    .mainHeader .rightSec .rightBottom .getInTouch {
        min-width: 132px;
    }

    .mainHeader .rightSec .rightBottom .loginSec .btn {
        margin-left: 5px;
    }

    .mainHeader nav {
        width: 90%;
        top: 100%;
    }

    .mainHeader .logoSec {
        width: 153px;
    }

    .mainHeader .rightSec .rightBottom .searchSec {
        right: 115px;
        top: 14px;
    }

    .mainHeader .humbugMenu {
        right: 10px;
    }

    /* search code css */
    .model-container .keyword p {
        margin-right: 3px;
        font-size: 12px;
        padding: 4px 16px;
        margin-bottom: 13px;
    }

    .model-container {
        width: 100%;
    }

    .model-container .keyword {
        margin-top: 22px;
    }

    .model-container .keyword h2 {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }

    .model-container .keyword .keywordHeader {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .mainHeader nav>ul>li .sumMenuSec {
        padding: 0;
    }

    .mainHeader .sumMenuSec ul>li .iconSec p {
        text-align: left;
    }

    .searchSec {
        margin: 7px 40px 4px 14px;
    }
}

.notificationWrap {
    width: auto;
    display: inline-block;
    position: relative;
}

.mainHeader .rightSec .notificationWrap .notification {
    cursor: pointer;
}

.dropdown-menu-notify {
    position: absolute;
    width: 220px;
    z-index: 1000;
    margin: 2px 0 0;
    min-width: 160px;
    right: 0%;
    top: 100%;
    margin-top: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    text-align: left;
    display: none;
}

.dropdown-menu-notify:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -9px;
    right: 10px;
}

.dropdown-menu-notify ul {
    width: 100%;
    float: left;
}

.dropdown-menu-notify ul li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
    position: relative;
}

.dropdown-menu-notify ul li:last-child {
    border-bottom: 0;
}

.dropdown-menu-notify ul li .icon {
    padding: 5px 0 5px 45px;
    position: relative;
}

.dropdown-menu-notify ul li .icon:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    left: 0;
    top: 5px;
}

.dropdown-menu-notify ul li p {
    font-size: 1.4rem;
    color: #4f4f4f;
}

.dropdown-menu-notify ul li p span {
    color: #0071bb;
}

@media screen and (max-width:1024px) {
    .notificationWrap {
        width: auto;
        display: block;
        position: absolute;
        right: 77px;
        top: 10px;
    }
}



.mainHeader .rightSec .notification {
    margin-top: 10px;
    margin-right: 15px;
}

.mainHeader .rightSec .rightBottom {
    margin-top: 22px;
}

.mainHeader .logoSec {
    margin-top: 1px;
}

.mainHeader {
    padding: 0;
}

.mainHeader nav {
    margin: 25px 0;
}

.mainHeader .rightSec .langSec.customSelect {
    display: none;
}

.notificationWrap {
    width: auto;
    display: inline-block;
    position: relative;
    float: left;
    right: auto;
    top: auto;
    display: none;
}

.mainHeader .rightSec .notification {
    margin-top: 10px;
    margin-right: 15px;
    z-index: 2;
}

.searchSec {
    float: left;
    height: 20px;
    width: 20px;
}

.searchSec .inputbox {
    left: -700px;
    top: 5px;
    width: 726px;
    padding-bottom: 5px;
}

.searchSec a {
    cursor: pointer;
    left: -15px;
    top: 0px;
    z-index: 10;
}

.searchActive .searchSec .inputbox,
.searchActive.searchSec a {
    z-index: 10;
}

.searchSec .inputbox {
    z-index: -1;
}

.searchActive .searchSec .inputbox {
    z-index: 1;
}

.searchSec .inputbox .closeBtn {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    width: 34px
}

.searchSec .inputbox .closeBtn:before {
    transform: translate(-50%, -50%) scale(0.7), ;
    -moz-transform: translate(-50%, -50%)scale(0.7);
    -webkit-transform: translate(-50%, -50%)scale(0.7);
    -ms-transform: translate(-50%, -50%)scale(0.7);
    left: 50%;
    top: 50%;
}

.mainHeader nav ul li.open .sumMenuSec .container {
    border: 2px solid #eee;
    border-top: none;
    padding-bottom: 40px;
}

.mainHeader nav ul li.open .sumMenuSec .closeBtn {
    right: 30px;
    top: 25px;
}



@media screen and (max-width:1440px) {

    .searchSec .inputbox,
    .searchActive .searchSec .inputbox {
        left: -630px;
        width: 660px;
    }

    .mainHeader nav ul li.open .sumMenuSec .closeBtn {
        right: 25px;
        top: 25px;
    }
}

@media screen and (max-width:1280px) {

    .searchSec .inputbox,
    .searchActive .searchSec .inputbox {
        left: -500px;
        width: 530px;
    }

}



@media screen and (max-width:1024px) {
    .mainHeader .rightSec .rightBottom {
        margin-top: 22px;
    }

    .mainHeader .humbugMenu {
        bottom: 10px;
    }

    .mainHeader .rightSec .notificationWrap .notification {
        z-index: 2;
    }

    .searchSec .inputbox,
    .searchSec .inputbox,
    .searchActive .searchSec .inputbox {
        left: 0px;
        top: 3px;
        width: 100%;
    }

    .searchSec .inputbox input {
        padding: 0 10px 0 0;
    }

    .searchSec a {
        top: 0px;
        left: -20px;
    }

    .mainHeader .rightSec .notificationWrap .notification {
        position: relative;
        right: 10px;
        top: 0px;
        margin-top: 10px;
    }

    .searchSec {
        margin: 7px 0px 4px 14px;
    }

    .dropdown-menu-notify,
    .dropdown-menu-notify:before {
        right: auto;
    }

    .dropdown-menu {
        right: auto;
        left: 0;
    }

    .dropdown-menu:before {
        right: auto;
        left: 70px;
    }

    .mainHeader .logoSec {
        margin-top: 0px;
    }

    .mainHeader nav {
        margin: 0;
    }

    .searchActive .searchSec .inputbox {
        z-index: 12;
    }

    .mainHeader nav ul li.open .sumMenuSec .container {
        border: 0px;
    }


}

@media screen and (max-width:767px) {
    .mainHeader .rightSec .rightBottom .claim-dropdown-menu {
        top: 32px;
    }

    .mainHeader .rightSec .notificationWrap .notification {
        right: 0;
        margin-top: 5px;
    }

    .mainHeader .rightSec .rightBottom {
        margin-top: 22px;
    }

    .searchSec .inputbox {
        width: 90%;
    }

    .searchSec a {
        left: -5px;
        top: -5px;
    }

    .mainHeader .rightSec .notificationWrap .notification {
        right: 0;
        margin-top: 5px;
    }

    .mainHeader .rightSec .rightBottom .loginSec .btn {
        padding: 7px 25px 7px;
    }

    .searchSec .inputbox,
    .searchSec .inputbox,
    .searchActive .searchSec .inputbox {
        width: 90%;
    }

    .mainHeader .logoSec {
        width: 40% !important;
    }

    .mainHeader .rightSec .formaction {
        margin-right: 40px;
    }

    .govtSchemeSub {
        left: 0px;
        margin-top: -3px;
    }

    .mainHeader nav ul li.govtScheme .govtSchemeSub a {
        margin: 7px 0;
    }

    .humbugMenu.close {
        bottom: 18px !important;
    }

}

@media screen and (max-width:640px) {
    .bredcrumbs {
        display: none;
    }

    /*.bannerWrap.headsDetailPage {
    padding: 10px 0;
}
.bannerWrap.headsDetailPage .bannerHeads h1 {
    padding-bottom: 10px;
}
.bannerWrap.headsDetailPage .bannerWrapCenter .buyWheelForm p {
    padding: 20px 10px 0;
}*/
}

@media screen and (max-width:639px) {
    .mainHeader .rightSec .rightBottom .getInTouch .selectedText {
        font-size: 1.4rem;
        padding: 4px 0 3px 14px;
    }

    .mainHeader .rightSec .rightBottom .getInTouch {
        margin-top: -2px;
    }

    .searchSec .inputbox .closeBtn {
        width: 30px;
    }
}

@media screen and (max-width:480px) {
    .searchSec .inputbox input.placeholder {
        font-size: 1.4rem;
    }

    .searchSec .inputbox,
    .searchActive .searchSec .inputbox {
        top: 3px;
    }

    .searchSec .inputbox .closeBtn {
        width: 28px;
    }

    .dropdown-menu ul li {
        padding: 10px;
    }

    .dropdown-menu ul li p {}

    .dropdown-menu {
        width: 240px;
    }

    .searchSec .inputbox .closeBtn {
        width: 28px;
    }

    .searchSec .inputbox input.placeholder,
    .searchSec .inputbox input {
        font-size: 1.4rem;
    }

    .searchSec .inputbox input {
        padding: 1px 10px 1px 0;
    }
}

@media screen and (max-width:479px) {
    .mainHeader .rightSec .rightBottom .loginSec .btn {
        padding: 3px 8px 5px;
    }
}

*::-ms-backdrop,
.searchSec .inputbox .closeBtn {
    width: 32px;
}




.mainHeader nav ul li.open .sumMenuSec {
    padding-top: 0;
}

.mainHeader .sumMenuSec .container>ul>li .links a.active {
    color: #ff9b41;
}

.mainHeader .sumMenuSec .container>ul>li .links ul li a.active:before {
    background: #ff9b41;
}

.mainHeader .rightSec .rightBottom .loginSec a.btn {
    border: 0px;
}

.mainHeader .dropdown-menu ul li a[href^="tel:"] {
    width: auto !important;
    width: auto !important;
    height: auto !important;
}

.mainHeader .rightSec .rightBottom .getInTouch .dropdown-menu {
    top: 53px;
}

.mainHeader .rightSec .rightBottom .claim-dropdown-menu p strong {
    font-size: 1.5rem;
}

.mainHeader .rightSec .rightBottom .claim-dropdown-menu {
    top: 58px;
}

@media screen and (max-width:1024px) {
    .mainHeader .rightSec .rightBottom .getInTouch .dropdown-menu {
        top: 30px;
        left: -180px;
        width: 300px;
    }

    .mainHeader .rightSec .rightBottom .getInTouch .dropdown-menu:before {
        left: 180px;
    }

    .mainHeader .rightSec .rightBottom .claim-dropdown-menu {
        top: 32px;
    }

    /*     
.mainHeader nav>ul>li:nth-last-child(2) a:before{ background:url(../content/dam/bagic/index/about-us.png) no-repeat; }
.mainHeader nav>ul>li:last-child a:before{ background:url(../content/dam/bagic/index/govt-scheme.png) no-repeat;}

*/
}


@media screen and (max-width:639px) {
    .mainHeader .logoSec {
        width: 150px !important;
        margin-top: 1px;
    }

}

@media screen and (max-width:479px) {
    .mainHeader .rightSec .rightBottom .claim-dropdown-menu {
        left: -145px;
    }

    .mainHeader .logoSec {
        width: 120px !important;
    }

    .header .container {
        padding: 0px 10px !important;
    }
}

/* .mainHeader .ph-numbers-header .sales-icon{
    font-size: initial !important;
}
.mainHeader .ph-numbers-header .sales-icon a{
    font-size: initial !important;
}
.sub-menu-link ul li a{
    font-size: initial !important;
}
img{
    display: inline;
}
p, input, textarea, button, a, li, label {
    font-size: 1.8rem;
    line-height: 1.4;
} */

div.menuOverlay {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 98;
    display: none;
    backdrop-filter: none;

}

@media screen and (min-width:1024px) {

    /* Header List Changes Desktop */
    .agentprofile .mainHeader nav {
        width: calc(100% - 17%);
    }

    .agentprofile .mainHeader .main-unodrd-list {
        display: flex;
        white-space: nowrap;
    }

    /* .agentprofile .mainHeader .main-unodrd-list>li:last-child {
        display: flex;
        justify-content: end;
        flex-basis: 100%;
    } */

    .agentprofile .mainHeader .main-unodrd-list>li:last-child>a.nav-list-first-li-hmevt {
        display: none;
    }

    .agentprofile .mainHeader .main-unodrd-list>li img {
        max-width: 35px;
    }
}

@media screen and (max-width:1024px) {

    /* Header List Changes Mobile */
    .agentprofile .mainHeader .main-unodrd-list li .nav-list-icon {
        display: none;
    }

    .agentprofile .mainHeader .main-unodrd-list>li img {
        display: none;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .rightSec .agent-login-logo li:last-child a{
        position: absolute;
        bottom: 10px;
        right: 60px;
    }
  }
.navbarMobile {
  display: none;
}

.nav {
  background: #176FC1;
  padding: 9px 118px;
  position: fixed;
  top: 0px;
  z-index: 99;
  left: 0;
  right: 0;
}

/* .thirdDiv {
  display: flex;
  align-items: center;
} */

.navbarTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbarTop ul li {
  padding: 0 30px;
  outline: none;
}

.navbarTop ul li a {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}

.navbarTop ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.baLogo img {
  max-width: 295px;
}

li.baMenuItem.baLogo {
  padding: 0;
}

.navbarTop li::after {
  display: block;
  content: "";
  border-bottom: solid 3px #f48221;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.navbarTop li:hover:after {
  transform: scaleX(1);
}

/*Nilesh header left */
.mainHeader nav{
    float: left;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .nav{
    padding: 9px 40px;
  }

  .firstDiv{
    padding-left: 40px;
  }

  .navbarTop ul li{
    padding: 0 17px;
  }
  .navbarTop ul li a{
    font-size: 14px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
  .nav {
    padding: 11px 25px;
  }

  .nav-bar {
    display: none;
  }

  .navbarLeft li::after {
    display: block;
    content: "";
    border-bottom: solid 3px #f48221;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
  }
  
  .navbarLeft li:active:after {
    transform: scaleX(1);
  }

  .navbarLeft.mobMenu {
    position: fixed;
    top: 73px;
    left: 100%;
    overflow-y: scroll;
    transition: left 0.3s ease;
    z-index: 999;
    /* background: #0572BD; */
    background: #0572BD 0% 0% no-repeat padding-box;
    opacity: 0.97;
    /* left: 100px; */
    width: 73%;
    height: 89vh;
    padding: 44px;
  }

  .navbarLeft.mobMenu.mobMenuOpened {
    left: 100px;
    top: 73px;
    width: 73%;
    height: 89vh;
    padding: 44px;
  }

  .navbarLeft.mobMenu ul li{
    padding-bottom: 30px;
  }

  .navbarLeft.mobMenu ul li a{
    padding-bottom: 40px;
    font-size: 18px;
    color: #fff;
  }

  .navbarMobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Mobile hamburger menu */

  .logoLeftSide img {
    max-width: 185px;
  }

  /* .hamburgerIcon {
    padding-right: 15px;
  } */
  .close{
    display: none;
  }
}

@media (min-width: 1024px){
header.mainHeader .logoSec{
   margin-top:10px;
margin-bottom:10px

}
.mainHeader nav{
margin-top:34px;
}
}
@media screen and (max-width: 767px){
.mainHeader nav>ul>li.open .sumMenuSec {
    z-index: 1;
    min-height: auto !important;
    min-width: 324px;
    display: contents !important;
}
.mainHeader nav>ul>li .sumMenuSec>ul>li .links {
    position: inherit !important;
    box-shadow: none;
    margin: 0;
}
}

.stickySide {
    position: fixed;
    /* top: 18%; */
    right: 0;
    z-index: 99;
    bottom: 20%;
}

.iconWithNameDiv {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 15px 0px 0px 15px;
    padding: 17px 20px;
    margin: 8px 0;
    background: #fff;
}

.iconWithNameDiv span {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    padding-top: 6px;
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .stickySide {
        /* position: unset; */
        /* padding: 0 20px; */
        display: block !important;
        left: 0%;
        bottom: 0%;
    }

    .sideMenu {
        display: flex;
        /* flex-wrap: wrap; */
        justify-content: center;
        gap: 8px;
        margin: 0px 10px;
    }

    .stickySide .slick-track {
        margin-right: -11px;
    }

    .iconWithNameDiv {
        min-width: min-content;
        max-width: 161px;
        max-height: max-content;
        min-height: 69px;
        flex-direction: row;
        justify-content: space-around;
        gap: 10px;
        position: relative;
        border-radius: 11px 11px 0px 0px;
        font-weight: 500;
        border: 1px solid #DEDEDE;
        box-shadow: 0px -3px 15px #00000029;
        margin: 0px;
        padding: 14px 20px;
    }

    .iconWithNameDiv a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .iconWithNameDiv img {
        max-height: 41px;
        max-width: 40px;
    }

    .iconWithNameDiv span {
        text-align: center;
        font-size: 15px;
        padding-top: 0;
    }

    .sideMenu .slick-next{
        right: -13px;
        top: 24%;
        background: #fff;
        width: 29px;
        height: 29px;
        box-shadow: 0px 3px 6px #00000029;
    }
    .sideMenu .slick-next::before{
        margin: 6px 12px;
    }
    .sideMenu .slick-prev{
        display: none !important;
        top: 24%;
        left: -31px;
        background: #fff;
        width: 29px;
        height: 29px;
        box-shadow: 0px 3px 6px #00000029;
    }
}
.imageTextRedirection {
  /*margin-bottom: 60px;*/
  /* margin-top: 130px; */
  /*margin-top: 92px;*/
  background-color: #F9F9F9;
}

.iconWithText {
  /* max-width: 927px; */
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-top: 27px;
  padding-bottom: 34px;
}

.iconRedirect {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-right: 25px;
}

/* .imageCircle {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #00000033;
  opacity: 1;
  width: 100%;
  height: 100%;
  max-width: 121px;
  max-height: 121px;
  min-width: 121px;
  min-height: 121px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
} */

.iconRedirect a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.iconRedirect span {
  font-weight: 500;
  font-weight: light;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0px;
  padding-top: 10px;
}

.imageCircle img {
  max-width: 65px;
}

.imageCircle {
  position: relative;
  /* display: inline-block; */
}

.imageCircle .blueCardsIcon {
  /* display: none; */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: transparent;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.imageCircle:hover .blueCardsIcon {
  /* display: inline; */
  opacity: 1;
}

@media only screen and (max-width: 1280px) {
  /* .iconWithText{
    margin: 0 42px;
  } */

  .imageCircle img {
    max-width: 78px;
  }

  .iconRedirect {
    padding: 0;
    margin-right: 20px;
  }

  .iconRedirect span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
  .imageTextRedirection {
    margin-bottom: 28px;
    /*margin-top: 74px;*/
  }

  .iconWithText::-webkit-scrollbar {
    display: none;
  }

  .imageCircle img {
    max-width: 57px;
  }

  .iconWithText {
    overflow-x: scroll;
    justify-content: flex-start;
    padding: 15px 36px 0px;
    margin-top: 0;
  }

  .iconRedirect {
    margin-right: 17px;
    padding-right: 0;
    min-width: 56px;
  }

  .iconRedirect:last-child {
    margin-right: unset;
  }

  .iconRedirect span {
    font-size: 12px;
    text-align: center;
  }

  .iconWithText.owl-carousel .nav-btn {
    height: 47px;
    /* position: absolute; */
    width: 26px;
    cursor: pointer;
    top: 100px !important;
  }

  .iconWithText.owl-carousel .owl-prev {
    position: absolute;
    left: 1px;
    top: 12px;
  }

  .iconWithText.owl-carousel .owl-prev.disabled,
  .iconWithText.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.5;
  }

  .iconWithText.owl-carousel .next-slide {
    background: url(../../../../../../content/dam/bagic/icons/arrow-forward.svg) no-repeat scroll 0px 0;
    /* right: 33px; */
  }

  .iconWithText.owl-carousel .owl-next {
    position: absolute;
    right: 1px;
    top: 33px;
  }

}
.contactEmail a[href^="tel:"]{
    cursor:pointer !important;
}
div#click-email{
    cursor: pointer;
}
.common-query .common-input::placeholder { opacity: 0.5;}

 .imageTextRedirection .container {
    display: flex;
}
 .secondtext {
    width: 19%;
    padding-top: 27px;
    padding-bottom: 34px;
}
    .secondtext .visitedText p{
	font-size: 18px;
    color: #005596;
    padding-bottom:0;
	}
     .secondtext .visitedText p span{
	color:#F48221;
	}
    .visitedText {
    box-shadow: 0px 0px 36px #0000001A;
    border-radius: 43px;
    text-align: center;
    padding: 24px;
}
    @media (max-width:767px){
.imageTextRedirection .container {
    flex-direction:column;

}
    .secondtext {
    text-align: center;
    width: 100%;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
     padding-top:10px;
     padding-bottom:15px
}
    .visitedText{
	padding:15px;
	}
}
    .secondtext .visitedText p{
	font-size: 16px;

    color: #005596;
	}

}
.contactEmail a.iconWithLabel.agent-contact {
    cursor: pointer !important;
}
 .contactEmail div#click-email {
    cursor: pointer !important;
}
    .common-query .common-input::placeholder {
    opacity: 0.5 !important;
}
.star-count-main{
font-size: 14px;
    margin-top: 5px;
    font-weight: 700;
}

.star-count-main .star-count {
    font-size: 14px;
    color:#005596;
    height: 100%;
    align-self: flex-end;

}
.star-div {

    height: 100%;
}
.agentInformation {
    display: grid;
    grid-template-areas:
        "profileImageSection agentData advisorContact ceoText";
    grid-gap: 20px;
}

.agentInformationGradient {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url("../../../../../../content/dam/agent-profile/about-advisor/agent-div-bg-img.svg");
    background-size: cover;
    /* box-shadow: 0px 0px 24px #000021; */
    /* background: linear-gradient(to right, #255fe7, #ff1f88); */
    /* padding: 0 149px; */
}

.profileImageSection {
    max-width: 199px;
    grid-area: profileImageSection;
    margin-left: auto;
}

.profilePicture {
    position: relative;
}

.profilePicture img {
    border: 3px solid #fff;
    border-radius: 14px;
    height: 279px;
}

@media only screen and (max-width: 1280px) {
    .agentInformationGradient {
        padding: 0 14px;
    }

    .agentInformation {
        gap: 15px;
    }

    .profileImageSection {
        max-width: 177px;
        margin-left: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1210px) {
    .agentInformation {
        grid-template-areas:
            "profileImageSection agentData"
            "advisorContact ceoText";
        justify-content: center;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .agentInformationGradient {
        /* background: linear-gradient(to bottom, #ff1f88, #255fe7); */
        /* padding: 34px 31px 0; */
        padding: 43px 30px 19px;
        box-shadow: unset;
        margin-bottom: 0px;
        padding-bottom: 20px;
        background-image: none;
        margin-top: 31px;
    }

    .gradientBox {
        min-height: 962px;
    }

    .agentInformation {
        grid-template-areas:
            "profileImageSection"
            "agentData"
            "advisorContact"
            "ceoText";
        grid-gap: 20px;
        position: relative;
    }

    .profileImageSection {
        margin: 0 auto;
        max-width: 219px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .profilePicture img {
        border: unset;
        max-height: 190px;
        min-height: 216px;
        max-width: 219px;
        min-width: 219px;
    }
}

/* Profile image css starts here */

.onlineSign {
    position: absolute;
    bottom: 4px;
    right: 2px;
    width: 25px;
    height: 25px;
    background: #4fcc5d;
    border-radius: 50%;
    border: 3px solid #fff;
}

.offlineSign {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 2px;
    width: 25px;
    height: 25px;
    background: red;
    border-radius: 50%;
    border: 3px solid #fff;
}

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

    .onlineSign,
    .offlineSign {
        bottom: 2px;
        right: 0px;
    }
}

/* Profile image css ends here */

/* Profile information */

.agentData {
    background: rgba(255, 255, 255, 0.8);
    max-width: 100%;
    /*width: 295px; */
    border-radius: 14px;
    /* padding: 28px 32px; */
    padding: 10px 16px 37px 20px;
    line-height: 15px;
    position: relative;
    max-height: 279px;
    grid-area: agentData;
    border: 1px solid #dedede;
}

.contactDetails {
    display: flex;
    flex-direction: column;
    /* gap: 5px; */
}

.contactDetails .profileName {
    font-weight: bold;
    font-size: 24px;
    color: #000000;
    margin-bottom: 14px;
    padding-right: 30px;
    opacity: 1;
    line-height: 35px;
}

.contactDetails span {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    opacity: 1;
}

.contactDetails .rating {
    margin-top: 10px;
}

.rating-nd-share {
    display: flex;
    align-items: center;
    gap: 10px;
}

.starRating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}

.starRatingButton button {
    border: 2px solid #1070C0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    color: #1070C0;
    font-size: 16px;
    font-weight: 500;
    /* line-height: 27px; */
    padding: 0 10px;
    padding-top: 5px;
    padding-bottom: 6px;
}

.starRatingButton img {
    margin-right: 8px;
}

/* .shareIconSide {
    position: absolute;
    right: -10px;
    bottom: -10px;
} */

.shareRedirect img {
    width: 40px;
}

.contactEmail {
    margin-top: 29px;
}

.iconWithLabel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    padding-bottom: 13px;
    /* margin-bottom: 6px; */
}

/*
.iconWithLabel:nth-child(3) {
    display: none;
}
*/

.iconWithLabel picture {
    display: block;
}

.iconWithLabel picture img {
    min-width: 20px;
}

.iconWithLabel span {
    font-size: 14px;
}

.contactEmail {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media only screen and (max-width: 1280px) {
    .agentData {
        min-width: 278px;
/*         padding: 25px 28px; */
    }

}


@media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .agentData {
        max-width: unset;
        /* min-width: unset; */
        min-width: 314px;
        margin-top: 103px;
        /* min-height: 420px; */
        min-height: 385px;
        /* width: 100%; */
        display: flex;
        justify-content: center;
        align-items: end;
    }

    .contactDetails .profileName {
        margin-bottom: 20px;
        padding-right: unset;
    }

    .contactDetails .starRating {
        gap: 26px;
    }

    .contactDetails .rating {
        margin-top: 4px;
    }

    .iconWithLabel {
        align-items: center;
    }

    /* .iconWithLabel:nth-child(3) {
        display: flex;
    }*/

    .iconWithLabel.address-div {
        align-items: flex-start;
    }

    .contactEmail {
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .shareIconSide {
        /* bottom: 215px; */
        top: 85px;
    }

}

/* @media only screen and (max-width: 396px) {
    .shareIconSide {
        top: 96px;
    }

} */

/* qr code vcard */

.advisorContact {
    background: rgba(255, 255, 255, 0.8);
    max-width: 100%;
    /*min-width: 267px;*/
    border-radius: 14px;
    padding: 25px 21px;
    position: relative;
    max-height: 279px;
    border: 1px solid #dedede;
    grid-area: advisorContact;
    line-height: 21px;
}

.qrCodeVcard {
    display: flex;
    /* justify-content: space-around; */
    justify-content: center;
    gap: 11px;
    align-items: flex-start;
    margin-top: 20px;
}

.scanVcard {
    /* padding: 0 31px; */
    text-align: center;
    width: 211px;
    margin: 0 auto;
}

.scanVcard p {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
}

.qrCode {
    max-width: 150px;
    min-height: 150px;
}

.vCard {
    background: #176fc1;
    max-width: 100px;
    /* padding: 14px 12px; */
    padding: 19px 24px;
    border-radius: 10px;
    min-height: 100px;
}

.vCard h3 {
    font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    font-size: 14px;
}

@media only screen and (max-width: 1280px) {
    .advisorContact {
        max-width: 254px;
        padding: 30px 15px;
    }

    .videoIframe {
        max-width: 350px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .advisorContact {
        max-width: unset;
        /* width: 100%; */
        min-width: 314px;
        padding: 27px 30px;
    }

    .qrCodeVcard {
        justify-content: center;
        gap: 20px;
    }

    .vCard h3 {
        font-size: 16px;
    }
}

/* additional css start */
.gif-desk {
    display: none;
}

.ceoText {
    /* display: grid; */
    /* grid-template-columns: 30% 70%; */
    /*border: 1px solid #dedede;*/
    /*border-radius: 14px;*/
    width: 501px;
    display: flex;
    max-height: 279px;
    background-image: url('../../../../../../content/dam/bagic/agent-information/ceo-cont-bg-img.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.ceo-speak-first-text {
    display: flex;
}

.ceo-flex-direction {
    display: flex;
    flex-direction: column;
}

.club-slider-text {
    text-align: center;
}

.banner-gif {
    width: 62%;
    margin: 0 auto;
}

.ceoText .left-img-text {
    /* background-color: #166EBF; */
    border-radius: 14px;
    padding: 25px 30px;
    max-width: calc(100% - 201px);
    z-index: -1;
}

.ceo-slider .owl-item:nth-of-type(odd) .ceoText .left-img-text {
    background-color: #166EBF;
}

.ceo-slider .owl-item:nth-of-type(even) .ceoText .left-img-text {
    background-color: #F48221;
}

.ceo-slider .owl-item:nth-of-type(odd) .ceoText .right-text h3 {
    color: #166EBF;
}

.ceo-slider .owl-item:nth-of-type(even) .ceoText .right-text h3 {
    color: #F48221;
}

.left-img-text h3 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
}

.left-img-text .text {
    text-align: center;
}

.left-img-text p {
    color: white;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.right-text {
    /* width: 301px; */
    padding: 22px;
    max-width: calc(100% - 201px);
}

.right-text h3 {
    color: #176FC1;
    font-size: 24px;
    font-weight: 700;
    /* padding-top: 25px; */
    padding-bottom: 10px;
}

.right-text p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0;
    /* padding-right: 27px; */
    /* padding-bottom: 29px; */
}

.ceo-slider {
    width: 502px;
    /* margin-right: 149px; */
    grid-area: ceoText;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 14px;
    margin-bottom: 20px;
}

.ceo-slider .owl-item {
    height: 279px;
}

.club-slider-text {
    padding: 25px 30px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.left-img-text img {
    width: 141px !important;
    height: 125px;
    object-fit: contain;
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .gif-desk {
        display: block;
    }

    .ceoText {
        flex-direction: column;
        max-height: 100%;
        width: 100%;
        margin-right: 0;
        background-color: transparent;
        background-position: bottom;
        background-size: 100%;
        /* min-height: 501px; */
    }

    .ceoText .left-img-text {
        max-width: 100%;
    }

    .left-img-text img {
        margin: 0 auto;
        max-width: 142px;
        max-height: 126px;
    }

    .right-text {
        max-width: 100%;
    }

    .right-text h3,
    p {
        text-align: center;
    }

    .ceo-slider {
        width: 100%;
    }

    .ceo-slider .owl-item {
        height: unset;
        /*margin-right: 15px;*/
        margin-right: 0px;
    }

    .ceo-slider .owl-item:nth-child(1) .ceoText .left-img-text {
        /* background-color: #166EBF; */
        background-color: #F48221;
    }

    .ceo-slider .owl-item:nth-child(4) .ceoText .left-img-text {
        background-color: #F48221;
    }

    .ceo-slider .owl-item:nth-child(7) .ceoText .left-img-text {
        background-color: #F48221;
    }

    .ceo-slider .owl-item:nth-of-type(1) .ceoText .right-text h3 {
        color: #F48221;
    }

    .ceo-slider .owl-item:nth-of-type(4) .ceoText .right-text h3 {
        color: #F48221;
    }

    .ceo-slider .owl-item:nth-of-type(7) .ceoText .right-text h3 {
        color: #F48221;
    }

    .ceo-slider .owl-item:nth-child(3) .ceoText .left-img-text {
        background-color: #166EBF;
    }

    .ceo-slider .owl-item:nth-child(6) .ceoText .left-img-text {
        background-color: #166EBF;
    }

    .ceo-slider .owl-item:nth-of-type(3) .ceoText .right-text h3 {
        color: #166EBF;
    }

    .ceo-slider .owl-item:nth-of-type(6) .ceoText .right-text h3 {
        color: #166EBF;
    }

    .ceo-slider .owl-stage-outer .owl-stage .owl-item:nth-child(5) {
        display: none;
    }

    .advisor-gif .advisor-banner-gif {
        padding: 0px 14px;
        margin-bottom: 20px;
    }

    .advisor-banner-gif .agent-banner-gif {
        border-radius: 14px;
        width: 100%;
    }
}


/* Video component MD and CEO */

.videoName {
    max-width: 404px;
    max-height: 253px;
    border: 1px solid #dedede;
    border-radius: 14px;
    position: relative;
    grid-area: videoName;
}

.videoIframe {
    border-radius: 14px;
    height: 254px;
}

.videoIframe img {
    height: 250px;
    border-radius: 14px;
}

.nameMdCeo {
    position: absolute;
    bottom: 21px;
}

.mdNameAndCeo {
    background: #F48221;
    text-align: center;
    padding: 10px 17px;
}

.mdNameAndCeo h3 {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.videoIframe iframe {
    width: 100%;
    min-height: inherit;
    border-radius: 14px;
}

@media only screen and (max-width: 1280px) {
    .videoIframe {
        max-width: 350px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .videoName {
        max-width: unset;
        width: 100%;
    }

    .videoIframe {
        max-width: unset;
        min-width: unset;
        /*min-height: 215px;*/
        /*max-height: 215px;*/
        /* margin-bottom: 10px; */
    }

    .mdNameAndCeo {
        padding: 8px 18px;
    }

    .mdNameAndCeo h3 {
        font-size: 15px;
    }
}
.contactAddress {
  margin-top: 43px;
  margin-bottom: 51px;
}

p.showInMobile{
  display: none;
}

.hideInMob{
  display: block;
}

.contactMailAddress {
  display: flex;
  justify-content: space-evenly;
}

.ellipseIconData {
  display: flex;
  align-items: center;
}

.iconWithinEllipse {
  background: #176fc1;
  border-radius: 50%;
  max-height: 60px;
  min-height: 60px;
  max-width: 60px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ellipseIconData p {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  padding-left: 23px;
}

.ellipseIconData span {
  font-size: 18px;
  color: #000000;
  display: block;
}

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
  p.showInMobile{
    display: block;
  }

  p.hideInMob{
    display: none;
  }

  .contactAddress {
    margin-top: unset;
    margin-bottom: 0;  
  }

  .contactMailAddress {
    flex-direction: column;
    align-items: center;
    background-color: #f3f3f3;
    padding: 23px 53px 51px;
    gap: 16px;
  }

  .iconWithinEllipse {
    max-width: 42px;
    min-width: 42px;
    min-height: 42px;
    max-height: 42px;
  }

  .iconWithinEllipse img {
    max-width: 16px;
    min-width: 16px;
    min-height: 23px;
    max-height: 23px;
  }

  .ellipseIconData {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .ellipseIconData p {
    text-align: center;
    padding-left: 0;
    font-size: 16px;
  }

  .ellipseIconData span {
    font-size: 16px;
  }
}

.aboutAdvisor {
    /* margin-bottom: 78px; */
    /* background: url("../../../../../../content/dam/agent-profile/about-advisor/about-advisor/about-bg-desktop.png") 0% 0%
      no-repeat;
    background-size: cover; */
    position: relative;
    background: transparent linear-gradient(180deg, #176FC1 0%, #001D58 100%) 0% 0% no-repeat padding-box;
    z-index: 0;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  
  .aboutAdvisorSection::before {
    content: '';
    border-bottom: 2px solid #FFFFFF;
    position: absolute;
    bottom: 87px;
    width: 100%;
    z-index: 5;
    opacity: 20%;
  }
  .congratulation-b {
    position: relative;
    display: inline-block;
  }
  
  .path-A-1 {
    stroke-dasharray: 50;
    animation: dash 3s linear;
    animation-iteration-count: infinite;
  }
  .path-A-2 {
    stroke-dasharray: 100;
    animation: dash 3s linear;
    animation-delay: 500ms;
    animation-iteration-count: infinite;
  }
  
  .path-A-3 {
    stroke-dasharray: 200;
    animation: dash 3s linear;
    animation-delay: 200ms;
    animation-iteration-count: infinite;
  }
  
  .path-A-4 {
    stroke-dasharray: 80;
    animation: dash 3s linear;
    animation-delay: 800ms;
    animation-iteration-count: infinite;
  }
  
  
  @keyframes dash {
    to {
      stroke-dashoffset:1000;
      animation-iteration-count: infinite;
    }
  }
  .aboutAdvisorSection::after {
    content: '';
    border-bottom: 2px solid #FFFFFF;
    position: absolute;
    bottom: 4px;
    width: 100%;
    z-index: 5;
    opacity: 20%;
  }
  
  .aboutAdvisorSection {
    display: flex;
    background-repeat: repeat-x;
    background-image: url('../../../../../../content/dam/agent-profile/about-advisor/city-image.svg');
    background-position: 6px 650px;
    /* background-position: bottom; */
    flex-direction: column;
    color: #fff;
    max-height: 1030px;
    min-height: 1030px;
    z-index: 1;
  }
  
  .cardSection {
    /* background: #f48221; */
    /* padding: 126px 108px; */
    /* padding: 0px 214px 0px 215px; */
    display: flex;
    /* flex-wrap: wrap; */
    gap: 28px;
    justify-content: center;
    align-items: inherit;
    flex: 0 0 506px;
    min-width: 1083px;
    margin-top: 30px;
    max-width: 1112px;
      margin-right:auto;
      margin-left:auto;
    /* height: 250px; */
  }
  
  .blueCards-container {
    padding: 10px;
    border: 1px solid #0AB4FF;
    border-radius: 50%;
  }
  
  .blueCards {
    background: #fff;
    color: #146fc0;
    /* box-shadow: 0px 0px 24px #00000021; */
    border-radius: 18px;
    min-width: 230px;
    max-width: 230px;
    height: 230px;
    /* max-height: 188px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 36px;
    border-radius: 50%;
  }
  
  .blueCards p {
    font-size: 16px;
    font-weight: 500;
    text-align:center;
  }
  
  .blueCards span {
    font-size: 20px;
    font-weight: 500;
  }
  
  .blueCards h2 {
    font-weight: bold;
    font-size: 56px;
  }
  
  /* animation css start */
  .cloud-big {
    position: absolute;
    top: 62px;
    left: 0;
    background-image: url(../../../../../../content/dam/agent-profile/about-advisor/cloud-big.svg);
    animation: bigCloud 100s linear infinite;
    /* animation-delay: 2s; */
    opacity: 1;
    background-size: 48px;
    width: 100%;
    height: 48px;
    background-repeat: no-repeat;
  }
  
  @keyframes bigCloud {
    0% {
      background-position: 60% 0;
    }
  
    100% {
      background-position: -100% 0;
    }
  }
  
  .cloud-small {
    position: absolute;
    top: 52px;
    left: 0;
    background-image: url(../../../../../../content/dam/agent-profile/about-advisor/cloud-small.svg);
    animation: smallCloud 100s linear infinite;
    /* animation-delay: 2s; */
    opacity: 1;
    background-size: 37px;
    width: 100%;
    height: 37px;
    background-repeat: no-repeat;
  }
  
  @keyframes smallCloud {
    0% {
      background-position: 80% 0;
    }
  
    100% {
      background-position: -99% 0;
    }
  }
  
  .cloud-medium {
    background-image: url(../../../../../../content/dam/agent-profile/about-advisor/cloud-medium.svg);
    background-repeat: no-repeat;
    background-size: 48px;
    position: absolute;
    top: 108px;
    left: 0;
    width: 100%;
    height: 48px;
    animation: mediumCloud 50s linear infinite;
  }
  
  @keyframes mediumCloud {
    0% {
      background-position: 100% 0;
    }
  
    100% {
      background-position: 0% 0;
    }
  }
  
  .balloon {
    position: absolute;
    top: 87px;
    right: 30%;
    animation-name: myBalloon;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    opacity: 0.63;
  }
  
  @keyframes myBalloon {
    0% {
      top: 87px;
    }
  
    50% {
      top: 95px;
    }
  
    100% {
      top: 87px;
    }
  }
  
  .balloon-one {
    position: absolute;
    top: 525px;
    left: 5%;
    animation-name: myBalloonOne;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    opacity: 0.63;
  }
  
  @keyframes myBalloonOne {
    0% {
      top: 525px;
    }
  
    50% {
      top: 533px;
    }
  
    100% {
      top: 525px;
    }
  }
  
  .balloon-two {
    position: absolute;
    top: 390px;
    right: 10%;
    animation-name: myBalloonTwo;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    opacity: 0.63;
  }
  
  @keyframes myBalloonTwo {
    0% {
      top: 390px;
    }
  
    50% {
      top: 395px;
    }
  
    100% {
      top: 390px;
    }
  }
  
  /* .images .aeroplane {
    display: flex;
    align-items: center;
    position: absolute;
    top: 86px;
    left: 19%;
    animation-name: myPlane;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    opacity: 0.96;
  } */

  .aeroplaneImage{
    display: flex;
    align-items: center;
    position: absolute;
    top: 86px;
    left: 19%;
    /*bottom: 62%;*/
    /*right: 80px;*/
    animation-name: myPlane;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    opacity: 0.96;
  }
  
  .planeback {
    position: absolute;
    top: 38px;
    left: 85px;
  }
  
  @keyframes myPlane {
    0% {
      top: 86px;
    }
  
    50% {
      top: 95px;
    }
  
    100% {
      top: 86px;
    }
  }
  
  .road {
    /*  position: relative;
    width: 100%;
    height: 150px;
    background-color: #0c192c;
    background-color: #001D58;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 48px; */
    /* z-index: -5; */
  }
  
  .road::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #808080, #808080 50%, transparent 50%, transparent 100%);
    background-size: 30px;
    animation: animation_road 0.4s linear infinite;
    bottom: 43px;
    left: 0;
    opacity: 50%;
    z-index: -1;
  }
  
  @keyframes animation_road {
    0% {
      background-position: 30px 0;
    }
  
    100% {
      background-position: 0 0;
    }
  }
  
  .left-side-bike {
    background-image: url('../../../../../../content/dam/agent-profile/about-advisor/left-sidebike-image.svg');
    background-repeat: no-repeat;
    background-size: 53px;
    position: absolute;
    left: -5px;
    bottom: 20px;
    width: 100%;
    height: 53px;
    z-index: 8;
    animation: leftSideBike 20s linear infinite;
  }
  
  @keyframes leftSideBike {
    0% {
      background-position: 100% 0;
      transform: translateX(100px);
    }
  
    100% {
      background-position: 0% 0;
      transform: translateX(-100px);
    }
  }
  
  .center-car-img {
    background-image: url('../../../../../../content/dam/agent-profile/about-advisor/car-image.svg');
    background-repeat: no-repeat;
    background-size: 79px;
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 100%;
    height: 45px;
    z-index: 10;
    animation: centerCarImage 10s linear infinite;
  }
  
  @keyframes centerCarImage {
    0% {
      background-position: 100% 0;
      transform: translateX(100px);
    }
  
    100% {
      background-position: 0% 0;
      transform: translateX(-100px);
    }
  }
  
  .right-side-bike {
    background-image: url('../../../../../../content/dam/agent-profile/about-advisor/right-sidebike-image.svg');
    background-repeat: no-repeat;
    background-size: 47px;
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 100%;
    height: 47px;
    z-index: 7;
    animation: rightSideBike 20s linear infinite;
  }
  
  @keyframes rightSideBike {
    0% {
      background-position: 0% 0;
      transform: translateX(-100px);
    }
  
    100% {
  
      background-position: 100% 0;
      transform: translateX(100px);
    }
  }
  
  .left-side-girl {
    background-image: url('../../../../../../content/dam/agent-profile/about-advisor/left-sidegirl-image.svg');
    background-repeat: no-repeat;
    background-size: 59px;
    position: absolute;
    /* left: 33.6%; */
    left: 474px;
    bottom: 65px;
    width: 57px;
    height: 60px;
  }
  
  .right-side-girl {
    background-image: url('../../../../../../content/dam/agent-profile/about-advisor/right-sidegirl-image.svg');
    background-repeat: no-repeat;
    background-size: 74px;
    position: absolute;
    right: 236px;
    bottom: 6px;
    width: 71px;
    height: 74px;
    z-index: 15;
  }
  
  /* animation css end */
  
  .carouselH2Div {
    padding: 0 0px;
  }
  
  .carouselH2Div p {
    background: #F48221;
    padding: 10px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .carouselH2Div p:nth-child(1) {
    margin-bottom: 4px;
  }
  
  .aboutAdvisorText {
    /* background: #1570c1; */
    width: 100%;
    /* height: 244px; */
    /* padding: 0px 202px 0px 202px; */
    padding-top: 156px;
    /* padding: 160px 106px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1107px;
    margin: 0 auto;
  }
  
  .aboutAdvisorText h2 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 37px;
    font-weight: lighter;
  }
  
  .aboutAdvisorText p {
    text-align: center;
    font-size: 20px;
    font-weight: lighter;
  }
  
  .carouselInsideCard {
    max-width: 110px;
    /* margin-bottom: 27px; */
  }
  
  .imageCarousel {
    padding: 0 4px;
  }
  
  .blueCards .awardsCarosuel .imageCarousel img{
      width:110px;
      height:90px;
  }
  
  /* .carouselInsideCard .slick-dots {
    bottom: -35px;
  }
  
  .carouselInsideCard .slick-dots li button:before {
    content: unset;
  }
  
  .carouselInsideCard .slick-dots li {
    margin: 0;
  }
  
  .carouselInsideCard .slick-dots li button {
    font-size: 0;
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: #176fc1;
    border-radius: 50%;
  }
  
  .carouselInsideCard .slick-dots li.slick-active button {
    background: #fff;
    border: 1px solid #176fc1;
  }
  
  .slick-slide img{
    display: inline;
  } */
  
  .awardsCarosuel {
    max-width: 109px;
  }
  
  /* .slick-initialized.slick-slider{
    margin-bottom: 0;
  }
  .aboutAdvisorSection .slick-next, .aboutAdvisorSection.slick-prev.slick-arrow.slick-disabled,
  .aboutAdvisorSection .slick-prev{
    background: transparent !important;
  }
  
  .slick-next{
    right: -55px;
  }
  .slick-next:before{
    content: "";
    background: url(../../../../../../images/icons/arrow-forward.svg) no-repeat;
    height: 18px !important;
  }
  .slick-prev:before{
    content: "";
    background: url(../../../../../../images/icons/arrow-forward.svg) no-repeat;
    height: 18px !important;
  } */
  
  .owl-carousel .nav-btn {
    height: 47px;
    /* position: absolute; */
    width: 26px;
    cursor: pointer;
    top: 100px !important;
  }
  
  /* .owl-carousel .owl-prev {
    display: none;
  } */
  
  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  
  
  .owl-carousel .prev-slide {
    background: url(../../../../../../content/dam/bagic/icons/arrow-forward.svg) no-repeat scroll 0 0;
    /* right: 33px; */
    transform: rotate(180deg);
  }
  
  .owl-carousel .next-slide {
    background: url(../../../../../../content/dam/bagic/icons/arrow-forward.svg) no-repeat scroll 0px 0;
    /* right: 33px; */
  }
  
  .owl-carousel .owl-next {
    position: absolute;
    right: -52px;
    bottom: 19px;
  }
  
  .owl-carousel .owl-prev {
    position: absolute;
    left: -51px;
    top: 24px;
  }
  
  .carouselInsideCard.owl-carousel .owl-nav.disabled{
    display: block;
  }
  
  .carouselInsideCard.owl-carousel .owl-next {
    position: absolute;
    right: -52px;
    bottom: -4px;
  }
  
  .carouselInsideCard.owl-carousel .owl-prev {
    position: absolute;
    left: -51px;
    top: -10px;
  }
  
  .second-container-title{
      padding-bottom:29px;
  }
  @media only screen and (min-width: 320px) and (max-width: 991px) {
    .aboutAdvisor {
      /* background: #176fc1; */
      /* background: url("../../../../../../content/dam/agent-profile/about-advisor/about-advisor/about-bg-mobile.png"); */
      margin-bottom: 48px;
      /* margin-top: -35px; */
    }
  
    .aboutAdvisorSection {
      background-position: 6px 94.7%;
      max-height: max-content;
    }
  
    .carouselInsideCard .slick-dots {
      right: 0;
      bottom: -37px;
    }
  
    .cardSection {
      position: relative;
      margin: auto;
      /* padding: 75px 40px 46px; */
      padding: 0px 40px 46px;
      background: unset;
      min-width: 332px;
      gap: 22px;
      display: flex;
      flex-wrap: wrap;
      margin-top: 41px;
      padding-bottom: 307px;
      z-index: 20;
      /* background: rgba(255, 255, 255, 0.8); */
    }
  
    .blueCards {
      min-height: 230px;
      min-width: 230px;
      padding: 23px;
    }
  
    .blueCards .carouselH2Div h2 {
      font-size: 36px;
    }
  
    .blueCards h2 {
      font-size: 56px;
      /* color: #F48221; */
      color: #1570C1;
    }
  
    .blueCards p {
      font-size: 20px;
    }
  
    .blueCards span {
      font-size: 20px;
    }
  
  
    .carouselInsideCard {
      max-width: 159px;
    }
  
    /* .carouselInsideCard .slick-dots li button {
      width: 10px;
      height: 10px;
    } */
  
    .aboutAdvisorText {
      background: unset;
      text-align: center;
      justify-content: flex-start;
      padding: 0 26px 27px;
    }
  
    .aboutAdvisorText h2 {
      font-size: 30px;
      padding-bottom: 26px;
      padding-top: 96px;
      line-height: 27px;
      font-weight: 400;
    }
  
    .aboutAdvisorText p {
      font-size: 18px;
      /* padding: 0px 26px 0px 27px; */
      /* width: 321px; */
    }
  
    .carouselH2Div {
      min-width: 156px;
      padding: 10px;
      margin-bottom: 10px;
    }
  
    .carouselH2Div p {
      padding: 10px;
      font-size: 17px;
      min-height: 67px;
    }
  
    .carouselInsideCard.owl-carousel .owl-next {
      bottom: 21px;
      right: -34px;
    }
  
    .carouselInsideCard.owl-carousel .owl-prev {
      top: 6px;
      left: -34px;
    }
  
    /* Media - CSS Animation Start */
  
    .cloud-big {
      position: absolute;
      top: 41px;
      left: 0;
      background-image: url(../../../../../../content/dam/agent-profile/about-advisor/cloud-big.svg);
      animation: bigCloud 30s linear infinite;
      opacity: 1;
      background-size: 48px;
      width: 100%;
      height: 35px;
      background-repeat: no-repeat;
    }
  
    @keyframes bigCloud {
      0% {
        background-position: 100% 0;
        transform: translateX(-1400px);
      }
  
      100% {
        background-position: -100% 0;
      }
    }
  
    .cloud-medium {
      position: absolute;
      top: 50px;
      background-image: url(../../../../../../content/dam/agent-profile/about-advisor/cloud-medium.svg);
      animation: mediumCloud 30s linear infinite;
      left: 0;
      background-repeat: no-repeat;
      background-size: 35px;
      width: 100%;
      height: 35px;
    }
  
    @keyframes mediumCloud {
      0% {
        background-position: 99% 0;
      }
  
      100% {
        background-position: 0% 0;
      }
    }
  
    .cloud-big-one {
      position: absolute;
      top: 866px;
      background-image: url(../../../../../../content/dam/agent-profile/about-advisor/cloud-big.svg);
      animation: bigCloudOne 30s linear infinite;
      left: 0;
      background-repeat: no-repeat;
      background-size: 48px;
      width: 100%;
      height: 48px;
    }
  
    @keyframes bigCloudOne {
      0% {
        background-position: 99% 0;
      }
  
      100% {
        background-position: 0% 0;
      }
    }
  
    .cloud-small {
      position: absolute;
      top: 1149px;
      left: 0;
      background-image: url(../../../../../../content/dam/agent-profile/about-advisor/cloud-small.svg);
      animation: smallCloud 30s linear infinite;
      opacity: 1;
      background-size: 27px;
      width: 100%;
      height: 27px;
      background-repeat: no-repeat;
    }
  
    @keyframes smallCloud {
      0% {
        background-position: 100% 0;
      }
  
      100% {
        background-position: -99% 0;
      }
    }
  
    .balloon {
      left: 10px;
      top: 50%;
    }
  
    @keyframes myBalloon {
      0% {
        top: 37%;
      }
  
      50% {
        top: 38%;
      }
  
      100% {
        top: 37%;
      }
    }
  
    .balloon-one {
      left: 10px;
      bottom: 19%;
      top: unset;
    }
  
    @keyframes myBalloonOne {
      0% {
        bottom: 19%;
      }
  
      50% {
        bottom: 20%;
      }
  
      100% {
        bottom: 19%;
      }
    }
  
    .balloon-two {
      right: 9px;
      top: unset;
      bottom: 32%;
    }
  
    @keyframes myBalloonTwo {
      0% {
        bottom: 32%;
      }
  
      50% {
        bottom: 33%;
      }
  
      100% {
        bottom: 32%;
      }
    }
  
    /* .images .aeroplane {
      bottom: 63%;
      right: 80px;
      left: unset;
      width: 62px;
    } */

    .aeroplaneImage {
      /* position: relative; */
      /*top: 24%;*/
      bottom: 63%;
      right: 80px;
      left: unset;
      width: 62px;
      display: none;
    }
  
    .planeback {
      position: absolute;
      top: 27px;
      right: -28px;
      left: unset;
      width: 32px;
    }
  
    @keyframes myPlane {
      0% {
      /* top: 24%; */
      top: 9%;
      }
  
      50% {
        /* top: 25%; */
        top: 11%;
      }
  
      100% {
        /* top: 24%; */
        top: 9%;
      }
    }
  
  
    .road::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #FFFFFF, #FFFFFF 50%, transparent 50%, transparent 100%);
      background-size: 30px;
      animation: animation_road 0.4s linear infinite;
      bottom: 43px;
      left: 0;
      opacity: 25%;
  
    }
  
    @keyframes animation_road {
      0% {
        background-position: 30px 0;
      }
  
      100% {
        background-position: 0 0;
      }
    }
  
    /* .left-side-bike {
      animation: leftSideBike 20s linear infinite;
    }
  
    @keyframes leftSideBike {
      0% {
        background-position: 100% 0;
        transform: translateX(100px);
      }
  
      100% {
        background-position: 0% 0;
        transform: translateX(-100px);
      }
    } */
  
    /* .center-car-img {
      animation: centerCarImage 15s linear infinite;
      overflow-x: hidden;
    }
  
    @keyframes centerCarImage {
      0% {
        background-position: 100% 0;
        transform: translateX(100px);
      }
  
      100% {
        background-position: 0% 0;
        transform: translateX(-100px);
      }
    } */
  
  
  
    /* Media - CSS Animation End */
  }
  
  
  @media only screen and (min-width: 950px) and (max-width: 1280px) {
    .aboutAdvisorSection {
      max-height: 1030px;
      min-height: 1030px;
    }
  
    .aboutAdvisorSection {
      background-position: 6px 600px;
    }
  
    .aboutAdvisorSection::before {
      bottom: 136px;
    }
  
    .aboutAdvisorSection::after {
      bottom: 6px;
    }
  
    /* CSS Animation Start */
    .road::before {
      bottom: 70px;
    }
  
    .left-side-bike {
      bottom: 16px;
    }
  
    .center-car-img {
      bottom: 32px;
    }
  
    .right-side-bike {
      bottom: 92px;
    }
  
    .left-side-girl {
      left: 390px;
      bottom: 122px;
    }
  
    .right-side-girl {
      bottom: 5px;
    }
  
    .aboutAdvisorText h2{
      padding-top: 92px;
    }
  
    /* CSS Animation End */
  
    .cardSection {
      /* padding: 80px 28px; */
      padding: 0px 28px;
      min-width: 480px;
      /* width: 480px; */
      /* height: 480px; */
      flex: 0 0 230px;
      gap: 10px;
    }
  
    .blueCards {
      min-width: 200px;
      height: 200px;
      padding: 28px;
    }
  
    .aboutAdvisorText {
      padding: 0px 27px;
    }
  
    .carouselInsideCard.owl-carousel .owl-next {
      right: -42px;
      bottom: -5px;
    }
  
    .carouselInsideCard.owl-carousel .owl-prev {
      right: -44px;
      top: -3px;
    }
  
    .owl-carousel .owl-next {
      position: absolute;
      right: -52px;
      bottom: 19px;
    }
  
    .owl-carousel .owl-prev {
      position: absolute;
      left: -51px;
      top: 24px;
    }
  
    .balloon-two {
      top: 265px;
      right: 12%;
    }
  
    @keyframes myBalloonTwo {
      0% {
        top: 265px;
      }
  
      50% {
        top: 275px;
      }
  
      100% {
        top: 265px;
      }
    }
  
  }
  
  @media only screen and (min-width: 769px) and (max-width: 950px) {
    .aboutAdvisorSection {
      max-height: 1200px;
      min-height: 1200px;
      background-position: 6px 90.6%;
    }
  
    .cardSection {
      min-width: auto;
      /* padding: 40px 107px; */
    }

    .aboutAdvisorText {
      padding: 0px 27px;
    }
  
    .cloud-small {
      top: 7%;
    }
  }
  
  .subimd-locationCode{
    display: none; 
  }

	/* @media only screen and (min-width: 320px) and (max-width: 343px){
    .aeroplaneImage{
        bottom: 59%;
    }
  }

  @media only screen and (min-width: 343px) and (max-width: 360px){
    .aeroplaneImage{
        bottom: 62%;
    }
  }

   @media only screen and (min-width: 360px) and (max-width: 372px){
    .aeroplaneImage{
        bottom: 63%;
    }
  }

  @media only screen and (min-width: 372px) and (max-width: 404px){
    .aeroplaneImage{
        bottom: 65%;
    }
  }

  @media only screen and (min-width: 404px) and (max-width: 480px){
    .aeroplaneImage{
        bottom: 67%;
    }
  }

  @media only screen and (min-width: 480px) and (max-width: 505px){
    .aeroplaneImage{
        bottom: 70%;
    }
  }

  @media only screen and (min-width: 505px) and (max-width: 605px){
    .aeroplaneImage{
        bottom: 72%;
    }
  }

   @media only screen and (min-width: 605px) and (max-width: 768px){
    .aeroplaneImage{
        bottom: 53%;
    }
  }

  @media only screen and (min-width: 768px){
    .aeroplaneImage{
        bottom: 71%;
    }
  } */

.awardsRecognition {
    /* padding: 96px 0; */
    padding-bottom: 96px;
    background: #EFF1F3;
    position: relative;
  }
  
  .titleAwardsAndCards h2 {
    padding-top: 96px;
    font-size: 48px;
    font-weight: lighter;
    text-align: center;
      background-image: url('../../../../../../content/dam/agent-profile/about-advisor/Mask-Group-50.svg');
  }
  
  .cardsSection {
    padding: 68px 0px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 32px;
    column-gap:38px;
  }
  
  .whiteCard {
    min-width: 400px;
    max-width: 400px;
    min-height: 357px;
    background: #fff;
    padding: 33px 40px;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
  }
  
  .whiteCard p{
    font-size: 20px;
    color: #176FC1;
    line-height: 27px;
    font-weight: bold;
    padding-top: 27px;
  }
  
  .whiteCard img{
    width: 332px;
    height: 107px;
  }
  
  .readMoreAwards {
    text-align: center;
    margin: 34px auto 0;
  }
  
  .readMoreBtn {
    background: #f89c30;
    padding: 10px 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: white;
    font-size: 20px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border: 1px solid #f89c30;
    font-family: "Allianz Sans";
    letter-spacing: 1px;
    line-height: 27px;
    font-weight: 400;
  }
  
  .readMoreBtn:before {
    content: '';
    z-index: -1;
    background: white;
    position: absolute;
    top: 50%;
    right: 101%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    -moz-transform: scale3d(1, 2, 1);
    -ms-transform: scale3d(1, 2, 1);
    -o-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
  }
  
  .readMoreBtn:hover {
    color: #f89c30;
  }
  
  .readMoreBtn:hover:before {
    -webkit-transform: scale3d(10, 9, 1);
    -moz-transform: scale3d(10, 9, 1);
    -ms-transform: scale3d(10, 9, 1);
    -o-transform: scale3d(10, 9, 1);
    transform: scale3d(10, 9, 1);
  }
  
  .loadMoreBtn{
    text-align: center;
    margin-top: 55px;
    display:none;
  }
  
  .blueLoadMore {
    background: #176FC1;
    padding: 13px 53px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: white;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 22px;
    text-align: center;
    border: 1px solid #176FC1;
    font-weight: bold;
    font-family: "Allianz Sans";
    letter-spacing: 1px;
  }
  
  .blueLoadMore:before {
    content: '';
    z-index: -1;
    background: white;
    position: absolute;
    top: 50%;
    right: 101%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    -moz-transform: scale3d(1, 2, 1);
    -ms-transform: scale3d(1, 2, 1);
    -o-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
  }
  
  .blueLoadMore:hover {
    color: #176FC1;
  }
  
  .blueLoadMore:hover:before {
    -webkit-transform: scale3d(10, 9, 1);
    -moz-transform: scale3d(10, 9, 1);
    -ms-transform: scale3d(10, 9, 1);
    -o-transform: scale3d(10, 9, 1);
    transform: scale3d(10, 9, 1);
  }
  
  
  @media only screen and (max-width: 1280px) {
    .cardsSection{
      padding: 68px 4px 15px;
    }
  
    .whiteCard {
      min-width: 319px;
      max-width: 350px;
      padding: 27px 20px;
    }
  }
  
  @media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .awardsRecognition{
      padding: 55px 20px;
      padding-bottom: 64px;
      background-image: url('../../../../../../content/dam/agent-profile/about-advisor/Mask-Group-50.svg');
      background-repeat :no-repeat ;
    }
    .titleAwardsAndCards h2 {
      font-size: 30px;
      color: #000;
      background-image: none;
      padding-top: 0px;
    }
  
    .cardsSection {
      padding: unset;
      /* padding-top: 41px; */
      padding-top: 29px;
      gap: 19px;
    }
  
    .whiteCard{
      min-width: 326px;
      max-width: 326px;
      min-height: 358px;
      max-height: 358px;
      margin: 0 32px 0px;
      padding: 20px 25px;
    }
  
    .readMoreBtn{
      font-size: 15px;
      padding: 7px 28px;
    }
  
  }
*.testimonialsBox {
    /* background: #eceef1; */
    color: #000000;
    padding: 0 0px 96px;
    /* margin-bottom: 40px; */
    background-image:url('../../../../../../content/dam/agent-profile/about-advisor/testimonials-bg.svg');
    background-repeat: no-repeat;
    background-size:cover;
  }
  
  .titleTestimonialDesc {
    margin-bottom: 50px;
    text-align: center;
  }
  
  .titleTestimonialDesc h2 {
    font-size: 48px;
    font-weight: lighter;
    margin-bottom: 26px;
    padding-top: 96px;
    line-height: 30px;
  }
  
  .titleTestimonialDesc p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  
  .hideInMob {
    display: block;
  }
  
  .cardsTestimonialsSection {
    max-width: 1150px;
    margin: 0 auto;
  }
  
  .carouselCard {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #dedede;
    padding: 30px;
    /* min-width: 359px;
    max-width: 369px; */
    /* margin-right: 20px; */
  }
  
  .profilePictureTestimonial img {
    max-width: 54px;
    min-height: 58px;
  }
  
  .nameProfile {
    display: flex;
    align-items: center;
    justify-content: unset;
  }
  
  .nameWithOneLine {
    /*padding-left: 10px;*/
    display: flex;
    flex-direction: column;
  }
  
  .nameWithOneLine p {
    font-size: 19px;
    font-weight: bold;
    color: #176fc1;
  }
  
  .nameWithOneLine span {
    font-size: 10px;
    font-weight: 500;
    color: #aaaaaa;
  }
  
  .reviewTestimonials p {
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    /* -webkit-box-orient: vertical; */
    text-align : left;
  }
  
  .cardsTestimonialsSection .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 36px;
  }
  
  .cardsTestimonialsSection button.owl-dot {
    font-size: 0;
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background: transperent;
    border-radius: 50%;
    border: 1px solid #176fc1;
  }
  
  .cardsTestimonialsSection .owl-dot.active {
    background: #176fc1;
    border: 1px solid #176fc1;
  }
  
  .owl-item.active.center .carouselCard {
    max-width: 369px;
    min-width: 369px;
    /* min-height: 311px; */
  }
  
  .owl-item.active.center .carouselCard .profilePictureTestimonial img {
    max-width: 77px;
  }
  
  .owl-item.active.center .carouselCard .nameWithOneLine p {
    font-size: 19px;
  }
  
  .owl-item.active.center .carouselCard .nameWithOneLine span {
    font-size: 16px;
  }
  
  .reviewTestimonials {
    padding-top: 20px;
  }
  
  .owl-dot.active span,.owl-dot span{
      background:none;
  }
  @media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .cardsTestimonialsSection {
      margin-top: 15px;
    }

    .cardsTestimonialsSection .owl-stage{
      display: flex;
    }

    .cardsTestimonialsSection .owl-stage .owl-item .carouselCard{
      height: 100%;
    }
  
    .titleTestimonialDesc {
      padding: 0px 28px;
      margin-bottom: 0px;
    }
  
    .testimonialsBox {
      padding: 0px 20px 58px;
      /* margin-bottom: 58px; */
      background-image: none;
    }
  
    .titleTestimonialDesc h2 {
      font-size: 26px;
      font-weight: 500;
      margin-bottom: 20px;
      padding-top: 0px;
    }
  
    .titleTestimonialDesc h3 {
      font-size: 30px;
    }
  
    .titleTestimonialDesc p {
      font-size: 18px;
      font-weight: lighter;
    }
  
    .cardsTestimonialsSection {
      padding: unset;
    }
  
    .cardsTestimonialsSection .owl-dots {
      margin-top: 32px;
    }
  
    .cardsTestimonialsSection .owl-dot button {
      width: 14px;
      height: 14px;
    }
  
    .owl-item.active.center .carouselCard,
    .carouselCard {
      /* max-width: 314px;
      min-width: 300px; */
      min-height: max-content;
    }
  
    .carouselCard {
      padding: 20px;
      background: #EFF1F3;
      border: none;
    }
  
    .owl-item.active.center .carouselCard .nameWithOneLine p,
    .nameWithOneLine p {
      font-size: 17px;
      text-align: left;
    }
  
    .owl-item.active.center .carouselCard .nameWithOneLine span,
    .nameWithOneLine span {
      font-size: 9px;
    }
  
    .owl-item.active.center .carouselCard .profilePictureTestimonial img {
      max-width: 77px;
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 1280px) {
    .testimonialsBox {
      padding: 0 30px 70px;
      background-image: none;
    }
  }




.footerUpper {
    background: #FFFFFF;
    /* padding: 0 120px; */
}

.footerLower {
    background: #E4E4E4;
    /* padding: 0 120px; */
}

/* footer top starts */
.footerTop {
    padding: 44px 0;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.footerTopList {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerTopList li {
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #000000;
    line-height: 33px;
}

.footerTopList li a {
    color: #000000;
    padding: 0 30px;
    border-right: 2px solid #000000;
}

.footerTopList li:first-child a {
    padding-left: 0;
}

.footerTopList li:last-child a {
    border-right: unset;
    padding-right: 0;
}

/* footer top ends */

/* footer middle starts*/
.footerMiddle {
    padding: 44px 0 54px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.downloadAppContainer {
    text-align: center;
}

.downloadText {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 21px;
    line-height: 33px;
}

.mobileText {
    display: none;
}

.downloadBtnImgWrap {
    display: flex;
    max-width: 740px;
}

.downloadBtnWrapper {
    position: relative;
}

.downloadBtnWrapper:first-child {
    margin-right: 20px;
}

.downloadBtnWrapper a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.footerMiddle img {
    border-radius: 20px;
    border: 2px solid #fff;
    min-height: 74px;
    max-width: 220px;
}

/* footer middle ends*/

/* footer lower starts*/
.footerBottom {
    padding: 30px 0;
}

.footerBottomText {
    color: #5D5D5D;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
    font-family:'Rubik-Regular';
    margin-bottom:10px;
}

/* footer lower ends*/

@media only screen and (min-width: 320px) and (max-width: 767.69px) {
    .footerUpper {
        padding: 0 30px;
        background-color: #313131;
    }

    .footerLower {
        padding: 33px 30px;
        background: #5D5D5D;
    }

    /* footer top starts */
    .footerTop {
        /* padding: 44px 0; */
        padding-top: 41px;
        padding-bottom: 44px;
        margin: 0 -30px;
    }

    .footerTopList {
        flex-direction: column;
    }

    .footerTopList li a {
        padding: 0 0;
        border-right: unset;
        color: #FFFFFF;
    }

    .footerTopList li{
        font-weight: 400;
    }

    /* footer top ends */

    /* footer middle starts*/
    .footerMiddle {
        /* padding: 31px 0; */
        padding-top: 30px;
        padding-bottom: 31px;
    }

    .downloadAppContainer {
        text-align: center;
    }

    .downloadText {
        margin-bottom: 30px;
        font-weight: 400;

    }

    .mobileText {
        display: block;
        color: #FFFFFF;
    }

    .desktopText {
        display: none;
    }

    .downloadBtnImgWrap {
        flex-direction: column;
    }

    .downloadBtnWrapper {
        position: relative;
    }

    .downloadBtnWrapper:first-child {
        margin-right: unset;
        margin-bottom: 5px;
    }
    /* footer middle ends*/

    /* footer lower starts*/
    .footerBottom {
        padding: unset;
    }

    .footerBottomText {
        font-size: 14px;
        padding: 0 8px;
        color: #FFFFFF;
    }

    /* footer lower ends*/

}
.starRatingPopup {
  display: none;
  position: fixed;
  z-index: 9999;
  /* top: 80px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popupClick {
  /* padding: 60px 95px; */
  padding: 40px;
  background: #fff;
  max-width: 648px;
  /* max-width: 324px; */
  min-height: 450px;
  margin: auto;
  border: 1px solid #dedede;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  position: relative;
}

.popupClick .popup-closeBtn {
  position: absolute;
  top: 1%;
  right: 1%;
}

.popup-closeBtn button {
  width: 25px;
  height: 25px;
  background-color: #808080;
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
}

.popupClick h3 {
  font-size: 25px;
  color: #228b22;
  padding-bottom: 30px;
}

.popupClick h2 {
  font-size: 30px;
  color: #000;
  font-weight: bold;
  padding-bottom: 20px;
}

.popupClick p {
  font-size: 20px;
  color: #808080;
  /*margin-top: -20px;*/
}

.popupClick p span {
  display: block;
  margin-top: 25px;
}

.feedbackSubmit {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.noThanksButton {
  font-size: 14px;
  color: #176FC1;
  border: 1px solid #176FC1;
  background: #fff;
  padding: 15px 20px;
  border-radius: 10px;
}

.submitBtn {
  font-size: 14px;
  color: #fff;
  border: 1px solid #176FC1;
  background: #176FC1;
  padding: 17px 35px;
  border-radius: 10px;
}

.popupSec.cyberhiddenColShow {
  height: auto;
  z-index: 100;
}

.showAllContent {
  font-size: 1.5rem;
}

.awardsImgInfo {
  float: left;
  width: 30%;
  margin-right: 20px;
}

.awardsTitle {
  font-weight: bold;
  margin: 20px 0;
  font-size: 1.8rem;
}

.awardsDisc {
  margin: 0 0 15px 0;
  font-size: 1.6rem;
  color: #000;
}

.askQueryClick {
  display: none;

}

.askQueryClickContent {
  padding: 74px 95px;
  background: #fff;
  max-width: 648px;
  min-height: 530px;
  margin: 0 auto;
  border: 1px solid #dedede;
  text-align: center;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  position: relative;
}

.common-query {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.common-query .input-field {
  display: flex !important;
}

.common-query label {
  display: block;
  text-align: left;
  padding-right: 20px;
  width: 50%;
}

.common-query input.common-input {
  border: 1px solid black;
  padding-left: 5px;
  margin-left: 10px;
}

.submitBtnAskQuery {
  font-size: 14px;
  color: #fff;
  border: 1px solid #176FC1;
  background: #176FC1;
  padding: 17px 46px;
  border-radius: 10px;
  max-width: 140px;
  margin: 50px auto 0px;
}

.closeBtnAskQuery {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 50%;
}

.askquery-wrapper {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  /* transform: translate(0%, 10%); */
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  min-height: 100%;
}

.errorMsg {
  display: none;
}

.page-scrollhidden {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .popupSec .closePop {
    width: 25px;
    position: absolute;
    height: 25px;
    right: 0;
    top: -20px;
    cursor: pointer;
    z-index: 9999;
    background: white;
    padding-top: 4px;
  }

  .starRatingPopup {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 7.5%;
    left: unset;
    transform: unset;
  }

  .popupClick {
    padding: 40px 20px;
    background: #fff;
    max-width: 100%;
    min-height: 530px;
    margin: 0px 10px;
    border: 1px solid #dedede;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 20px;
  }
}

.common-query span.errorMsg,
.common-query span.query-text {
  /* display: block; */
  position: absolute;
  /* bottom: -15px; */
  /* right: 0; */
  top: 24px;
  /* right: -42px; */
  text-align: left;
  left: 156px;
}

.common-query span.query-text {
  top: 50px;
}

textarea#query {
  width: 67%;
  border: 1px solid black;
  padding-left: 10px;
  margin-left: 10px;
}

@media screen and (max-width: 567px) {
  .askQueryClickContent {
    padding: 75px 25px;
  }

  .common-query .input-field {
    justify-content: space-between;
  }

  .common-query label {
    width: unset;
    font-size: 14px;
  }

  .common-query input.common-input {
    width: unset;
  }

  textarea#query {
    width: unset !important;
  }

  .common-query span.errorMsg,
  .common-query span.query-text {
    top: 26px;
    left: 126px;
  }

  .common-query span.query-text {
    top: 52px;
  }
}