/* Hero Section Start */
.heroSec{background: linear-gradient(180deg, #CBE8F1 0%, #F4F7F6 100%);}
.heroSec .heroBox{padding-left: 120px;padding-top: 121px;}
.heroSec h1{color: #383F3D;font-size: 60px;font-style: normal;font-weight: 400;line-height: 69px; max-width: 600px;}
.heroSec h1 span{color: #1381AF;}
.heroSec h2{color: #5E5E5E;font-family: 'Inter', sans-serif;font-size: 32px;font-style: normal;font-weight: 400;line-height: 32px;margin-top: 24px;}
.heroSec h3{color: #5E5E5E;font-family: 'Inter', sans-serif;font-size: 28px;font-style: italic;font-weight: 700;line-height: 32px;margin-top: 36px;margin-bottom: 12px;}
.heroSec ul{margin-bottom: 25px;}
.heroSec ul li{display: flex;align-items: center;color: #48606A;font-family: 'Inter', sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 25px;margin-bottom: 10px;}
.heroSec ul li img{margin-right: 16px;}
.heroSec .w-mark{margin-left: 28px;}
.heroSec .hero-desktop{height: 100%;object-fit: cover;overflow: visible;}
.heroSec .hero-mob, .heroSec .hero-tablet{display: none;}
/* Hero Section end */


/* Boxes Section Start */
.boxesSec{padding-top: 161px;padding-bottom: 92px;}
.boxesSec h2{max-width: 918px;margin-left: auto;margin-right: auto;margin-bottom: 74px;}
.boxesSec p{color:#48606A;text-align: center;font-family: 'Inter', sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 27px;margin-top: 46px;}
.boxesSec .box{padding: 40px 16px;height: 100%;}
.boxesSec .box:hover{border-radius: 10px;background: #FFF;box-shadow: 0px 15px 13px 0px rgba(0, 0, 0, 0.05);} 
.boxesSec .btn-primary{margin-top: 54px!important;}   
/* Boxes Section end */


/* Circle Slider start */
.circleSliderSec{background: #EFEFEF;padding-top: 124px;padding-bottom: 343px;}
.circleSliderSec h2{margin-bottom: 130px;}
.circleSliderSec .wrapper, .circleSliderSec .main-wrapper {position: relative;width: 556px;height: 562px;margin: auto;}
.circleSliderSec .item {width: 39px;height: 39px;color: #FFF;text-align: center;font-family: 'Prompt', sans-serif;font-size: 20px;font-style: normal;font-weight: 600;line-height: 24px; /* 120% */border-radius: 100%;background-color: #0076A8;z-index: 999;position: relative;justify-content: center;align-items: center;display: flex;}  
.circleSliderSec .item.active {background-color: #0076A8;}
.circleSliderSec svg {height: 562px;overflow: visible;width: 556px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.circleSliderSec .st0 {fill: none;stroke: #0076A8;stroke-width: 1px;stroke-miterlimit: 1;opacity: 0.3;} 
.circleSliderSec .start {position: absolute;top: 50%;right: -30px;}
.circleSliderSec .bg-circle{border-radius: 507.85px;opacity: 0.3;background: linear-gradient(1deg, #D3D7D8 -1.81%, #18A2DC 105.96%);width: 501.422px;height: 507.85px;position: absolute;top: 0;left: 0;right: 0;margin: auto;bottom: 0;}
.circleSliderSec .shade{background: #A7BEC8;filter: blur(16.850000381469727px);width: 301.638px;height: 139.436px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.circleSliderSec .helpWanted{position: absolute;left: 0;right: 0;margin: auto;top: -50px;}
.circleSliderSec .rign-frame{position: absolute;bottom: 81px;right: 0;left: 0;margin: auto;}
.circleSliderSec .item .txt-box{position: absolute;text-align: left;width: 290px;}
.circleSliderSec .item .txt-box p{color: #040539;font-size: 18px;font-style: normal;font-weight: 400;line-height: 156%;}
.circleSliderSec .item .txt-box img{margin-bottom: 25px;}
.circleSliderSec .item.active .txt-box{text-align: center;top: 78px;}
.circleSliderSec .item .txt-box.bx2{text-align: right;right: 52px;top: 64px;}
.circleSliderSec .item .txt-box.bx5{left: 52px;top: 64px;}
.circleSliderSec .item .txt-box.bx3{text-align: right;right: 180px;top: 0;}
.circleSliderSec .item .txt-box.bx4{left: 180px;top: 0;}
.circleSliderSec #prev, .circleSliderSec #next{display: none;}
/* Circle Slider end */


/* Price table start */
.priceTblSec{padding-top: 117px;padding-bottom: 117px;background: #173B47;position: relative;}
.priceTblSec .w-mark{position: absolute;left: 0;bottom: 0;z-index: 1;}
.priceTblSec h2{margin-bottom: 93px;font-size: 40px;font-style: normal;font-weight: 600; line-height: 44.5px;}
.priceTbl{position: relative;z-index: 2; max-width: 1024px;margin: 0 auto 0 auto;border-radius: 10px;background: linear-gradient(0deg, #215161 0%, #215161 100%), #215161;box-shadow: 0px 34px 21.7px 0px rgba(0, 0, 0, 0.05);}
.priceTbl h3{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 100%;font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%;text-transform: capitalize;text-align: center;}
.priceTbl h3.first{font-weight: 600;}
.priceTbl h3 span{font-size: 12px;font-weight: 400;}
.priceTbl .border-lft{border-left: 1px solid #52686F;}
.priceTbl .b-radius-18{border-radius: 18px 18px 0px 0px;}
.priceTbl .bg-silver{background: #D2D2D2;}
.priceTbl .head {background: linear-gradient(0deg, #28667A 0%, #28667A 100%), #215161;border-radius: 10px 10px 0px 0px;}
.priceTbl .head .bg-silver{margin-top: -36px;padding-top: 49px;padding-bottom: 16px;}
.priceTbl .b-top{border-top: 1px solid #52686F;}
.priceTbl p{padding-top: 18px;padding-bottom: 18px;font-size: 18px;font-style: normal;font-weight: 400;line-height: 100%; }
.priceTbl p span{font-size: 12px;display: contents;}
.priceTbl img{padding-left: 38px;padding-right: 12px;}
.bg-blue-light{background: #215161;}
.bg-blue-dark{background: #1D4B5A;}
.f-22{font-size: 22px!important;}
.priceTbl .btn{padding: 9px 30px; border-radius: 5px;background:#0076A8;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;color: #fff;display: block;max-width: 126px;margin: auto;}
.b-btm-radius-18{border-radius: 0px 0px 18px 18px;}
.priceTbl > .innerRow:last-child{border-radius: 0px 0px 10px 10px;}
.priceTbl .innerRow .col-md-6 p{display: flex;}
/* Price table end */


/* Bottom Section Start */
.btmSec{padding-top: 138px;padding-bottom: 152px;}
.btmSec .btmBox{max-width: 828px;margin: auto;text-align: center;position: relative;}
.btmSec .btmBox p{color: #48606A;text-align: center;font-size: 22px;font-style: normal;font-weight: 400;line-height: 180%;margin-top: 44px;}
.btmSec .btmBox a{margin-top: 27px;margin-left: auto;margin-right: auto;}
.btmSec .col-md-12{position: relative;}
.w-1{position: absolute;top: 0;left: 24px;}
.w-2{position: absolute;top: 12px;right: 0;}
.w-3{position: absolute;bottom: 54px;left: 0px;}
.w-4{position: absolute;top: 96px;right: 0;}
.w-5{position: absolute;bottom: 24px;right: 126px;}
.w-6{position: absolute;bottom: 0;left: 0px;}
/* Bottom Section end */

@media only screen and (min-width: 1401px) and (max-width: 1600px){
    .heroSec .heroBox{padding-left: 40px;padding-top: 94px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
    .heroSec .heroBox{padding-left: 28px;padding-top: 48px;}
    .heroSec h1{font-size: 34px;line-height: 43px;max-width: 346px;}
    .heroSec h2{font-size: 23px;line-height: 26px;margin-top: 16px;}
    .heroSec h3{font-size: 20px;line-height: 26px;margin-top: 16px;}
    .heroSec ul li{font-size: 18px;line-height: 22px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .heroSec .heroBox{padding-left: 28px;padding-top: 48px;}
    .heroSec h1{font-size: 30px;line-height: 39px;max-width: 346px;}
    .heroSec h2{font-size: 19px;line-height: 22px;margin-top: 16px;}
    .heroSec h3{font-size: 16px;line-height: 22px;margin-top: 16px;}
    .heroSec ul li{font-size: 14px;line-height: 18px;}

    /* boxes section */
    .boxesSec p{font-size: 18px;line-height: 25px;}

    /* Circle Section */
    .circleSliderSec .wrapper, .circleSliderSec .main-wrapper{width: 489px;height: 494px;}
    .circleSliderSec svg{width: 489px;height: 494px;}
    .circleSliderSec .bg-circle{width: 440px;height: 446px;}
    .circleSliderSec .helpWanted{width: 283px;}
    .circleSliderSec .rign-frame{width: 105px;}
    .circleSliderSec .shade{width: 165px;height: 76px;}
    .circleSliderSec .item{background-color: #90A5AE;}
    .circleSliderSec .txt-box{display: none;}
    .circleSliderSec .item.active .txt-box{display: block;text-align: center;}
    .circleSliderSec .bx2, .circleSliderSec .bx3, .circleSliderSec .bx4, .circleSliderSec .bx5{left: unset!important;right: unset!important;top: 78px!important;bottom: unset!important;}
    .circleSliderSec #prev, .circleSliderSec #next{display: block;position: absolute;background: unset;border: 0;border-radius: 50px;background: #FFF;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.10);height: 60px;width: 60px;bottom: 0;}
    .circleSliderSec #prev{left: 74px;}
    .circleSliderSec #next{right: 74px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .heroSec .heroBox{padding: 44px 6px;}
    .heroSec ul li{line-height: 32px;}
    .heroSec .hero-tablet{display: block;width: 100%;}
    .heroSec .hero-desktop{display: none;}

    /* boxes section */
    .boxesSec h2{margin-bottom: 36px;}
    .boxesSec .box{margin-bottom: 53px;height: auto;}

    /* Circle Section */
    .circleSliderSec .wrapper, .circleSliderSec .main-wrapper{width: 489px;height: 494px;}
    .circleSliderSec svg{width: 489px;height: 494px;}
    .circleSliderSec .bg-circle{width: 440px;height: 446px;}
    .circleSliderSec .helpWanted{width: 283px;}
    .circleSliderSec .rign-frame{width: 105px;}
    .circleSliderSec .shade{width: 165px;height: 76px;}
    .circleSliderSec .item{background-color: #90A5AE;}
    .circleSliderSec .txt-box{display: none;}
    .circleSliderSec .item.active .txt-box{display: block;text-align: center;}
    .circleSliderSec .bx2, .circleSliderSec .bx3, .circleSliderSec .bx4, .circleSliderSec .bx5{left: unset!important;right: unset!important;top: 78px!important;bottom: unset!important;}
    .circleSliderSec #prev, .circleSliderSec #next{display: block;position: absolute;background: unset;border: 0;border-radius: 50px;background: #FFF;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.10);height: 60px;width: 60px;bottom: 0;}
    .circleSliderSec #prev{left: 74px;}
    .circleSliderSec #next{right: 74px;}

    /* price table */
    .priceTblSec{padding-top: 96px;padding-bottom: 96px;}
    .priceTbl .head .bg-silver{margin-top: -15px;padding-top: 38px;padding-bottom: 6px;}
    .priceTbl .innerRow .col-md-6 p{font-size: 14px;}
    .priceTbl img{padding-left: 18px;}
    .f-22{font-size: 18px!important;}
    .priceTbl .btn{padding: 9px 12px;}
    .priceTblSec h2{margin-bottom: 75px;}

    /* bottom section */
    .sub-heading{font-size: 40px;line-height: 44.5px;}
    .btmSec{padding-top: 70px;padding-bottom: 133px;}
    .btmSec .btmBox p{font-size: 20px;line-height: 168%;margin-top: 27px;}
    .w-1{left: 0;}
    .w-2{top: 24px;}
    .w-4{top: 136px;}
    .w-3{bottom: 0;}
    .w-6{bottom: -100px;}
    .w-5{bottom: -10px;right: 70px;}
}


@media only screen and (max-width: 767px){
    .heroSec .heroBox{padding: 44px 6px;}
    .heroSec h1{font-size: 40px;line-height: 49px;}
    .heroSec h2{font-size: 29px;line-height: 32px;}
    .heroSec h3{font-size: 26px;line-height: 32px;margin-top: 22px;}
    .heroSec ul li{font-size: 18px;line-height: 22px;}
    .heroSec .hero-mob{display: block;width: 100%;}
    .heroSec .hero-desktop{display: none;}

    /* Boxes section */
    .boxesSec h2{line-height: 44.5px;margin-bottom: 17px;}
    .boxesSec .box{margin-bottom: 24px;height: auto;}

    /* Circle Section */
    .circleSliderSec .wrapper, .circleSliderSec .main-wrapper{width: 305px;height: 308px;}
    .circleSliderSec svg{width: 305.407px;height: 308.934px;}
    .circleSliderSec .bg-circle{width: 275.168px;height: 278.696px;}
    .circleSliderSec .helpWanted{width: 176px;}
    .circleSliderSec .rign-frame{width: 65px;bottom: 50px;}
    .circleSliderSec .shade{width: 165px;height: 76px;}
    .circleSliderSec .item{background-color: #90A5AE;}
    .circleSliderSec .txt-box{display: none;}
    .circleSliderSec .item.active .txt-box{display: block;text-align: center;}
    .circleSliderSec .bx2, .circleSliderSec .bx3, .circleSliderSec .bx4, .circleSliderSec .bx5{left: unset!important;right: unset!important;top: 78px!important;bottom: unset!important;}
    .circleSliderSec #prev, .circleSliderSec #next{display: block;position: absolute;background: unset;border: 0;border-radius: 50px;background: #FFF;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.10);height: 60px;width: 60px;bottom: 0;}
    .circleSliderSec #prev{left: 0;}
    .circleSliderSec #next{right: 0;}


    /* Price table */
    .priceTblSec{padding-top: 60px;padding-bottom: 70px;}
    .priceTblSec .head .col-md-6{display: none;}
    .priceTblSec .head > div, .priceTblSec .row > .col-md-2{width: 33.33%;}
    .priceTbl h3{font-size: 22px;}
    .priceTbl .head .bg-silver{margin-top: -15px;padding-top: 30px;padding-bottom: 15px;}
    .priceTbl .b-radius-18{border-radius: 10px 10px 0px 0px;}
    .priceTbl .border-lft{border-left: unset;}
    .priceTbl .innerRow p{padding-top: 15px;}
    .priceTbl .innerRow .col-md-6 p{font-size: 16px;padding-bottom: 0px;padding-top: 18px;}
    .priceTbl img{padding-left: 17px;display: none;}
    .priceTblSec .innerRow > .col-md-2.bg-silver{background: none;}
    .priceTblSec .innerRow > .col-md-2 .text-black{color: #fff!important;}
    .priceTblSec h2 {margin-bottom: 37px;font-size: 32px;}
    .f-22{font-size: 18px!important;}
    .priceTbl .bg-silver.b-btm-radius-18{background: #D2D2D2!important;margin-bottom: -7px;}
    .b-btm-radius-18{border-radius: 0px 0px 10px 10px;}
    .priceTbl .btn{padding: 5px 16px;font-size: 14px;}

    /* bottom section */
    .sub-heading{font-size: 32px;line-height: 36.5px;}
    .w-1, .w-2, .w-3, .w-4, .w-5, .w-6{display: none;}
    .btmSec{padding-top: 70px;padding-bottom: 70px;}
    .btmSec .btmBox p{font-size: 20px;line-height: 168%;margin-top: 27px;}
}