@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);
html{scroll-behavior: smooth;}
html,body{margin:0;font-family: "Inter", sans-serif;outline:none;background: #003ea008;}
.padd0{padding:0;}
.mar0{margin:0;}
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
a,a:hover{text-decoration: none;}
/* HEADER */
.tophead{
    padding: 11px 0;
    background: linear-gradient(90.06deg, #0E1224 -7.77%, #B01428 27.74%, #B01428 72.55%, #0E1224 107.39%);
    position: relative;
}

.tophead .head p{
    color: #fff;
    text-align: center;
    margin: 0;
}
.tophead .head a{
    display: inline-block;
    padding: 3px 10px;
    background: none;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    margin-left: 8px;
}

/* Header */
header{
    background: #fff;
}
header .logobox{
    padding-top: 30px;
}
header .logobox h3{
    margin: 0;
    font-weight: bold;
    color: #102a51;
    font-size: 30px;
}
header .logobox h3 span{
    color: #b01428;
}
header .menubox{}
header .menubox ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
header .menubox ul li{
    display: inline-block;
}
header .menubox ul li a{
    padding: 40px 15px;
    display: block;
    color: #000;
    font-size: 16px;
}
header .buttonbox{
    padding-top: 27px;
    text-align: right;
    padding-right: 0;
}
header .buttonbox a{
    display: inline-block;
    padding: 11px 25px;
    color: #ffffff;
    border-radius: 34px;
    border: none;
    margin-left: 5px;
    background: #102a51;
    font-weight: 500;
    box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.2);
    font-size: 16px;
    text-decoration: none;
}
header .buttonbox a:first-child{background: none;box-shadow: none;color:#102a51;padding:  3px;margin-right: 10px;}


/* widget-slide*/
.widget-slide{padding: 4% 0;background: #ffffff;border-top: 1px solid #bed1f1;}
 .widget-slide .leftbox{}
 .widget-slide .leftbox .livebox{
    color: #000;
}
 .widget-slide .leftbox .livebox .innerbox{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ffedd5;
    border-radius: 30px;
    padding-left: 35px;
    background: #fff7ed;
    position: relative;
}
 .widget-slide .leftbox .livebox .innerbox .pulsedot{
    position: absolute;
    left: 16px;
    border-radius: 10px;
    top: 16px;
    height: 8px;
    width: 8px;
    background-color: #f97316;
    border-radius: 50%;
    display: inline-block;
    animation: pulse 2s infinite;
}
 .widget-slide .leftbox .livebox .innerbox .spantext{
    color: #c2410c;
    font-weight: 600;
}
 .widget-slide .leftbox .headingbox{}
 .widget-slide .leftbox .headingbox h3{font-size: 70px;font-weight: bold;color: #000;}
 .widget-slide .leftbox .headingbox h3 span{
    color: #b01428;
}
 .widget-slide .leftbox .headingbox p{
    margin-bottom: 34px;
    font-size: 20px;
    color: #878787;
    /* font-size: 1.25rem; */
    font-weight: 400;
}
 .widget-slide .leftbox .headingbox p b{color:#000;}
 .widget-slide .leftbox .headingbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
 .widget-slide .leftbox .headingbox ul li{}
 .widget-slide .leftbox .headingbox ul li a{
    padding: 16px 32px;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    background: #102a51;
    font-size: 18px;
}
 .widget-slide .leftbox .headingbox ul li:last-child{}
 .widget-slide .leftbox .headingbox ul li:last-child a{
    background: none;
    color: #000;
    border: 1px solid #000;
    box-shadow: none;
}
 @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(249, 115, 22, 0); }
            100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
        }

.widget-slide .rightbox{}
.widget-slide .rightbox .boxcard{background: white;
    border-radius: 16px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    position: relative;
    transform: rotate(1deg);
    transition: transform 0.5s ease;
    z-index: 10;
}

.widget-slide .rightbox video{width: 100%;height: 500px;}
/* widget-slide-logo */
.widget-slide-logo{
    padding: 3% 0;
    background: #fff;
    border-top: 1px solid #eee;
}
.widget-slide-logo .logoslide{}
.widget-slide-logo .logoslide ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.widget-slide-logo .logoslide ul li{
    padding: 0 5px;
}
.widget-slide-logo .logoslide ul li img{
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e8e6e6;
    box-shadow: 0px 3px 2px 0 #eee;
}

.widget-slide-logo .head{}
.widget-slide-logo .head h3{
    text-align: center;
    margin-bottom: 30px;
    color: #102a51;
    font-weight: 300;
}
.widget-slide-logo .head h3 span{
    font-weight: 700;
    color: #b01428;
}

/* widget-news */
.widget-news{
    padding: 4% 0;
    background: #fff;
    border-top: 1px solid #eee;
}
.widget-news .head{}
.widget-news .head h3{
    margin: 0;
    margin-bottom: 40px;
    font-weight: 600;
}

.widget-news .livefeedfeatured{
    padding-bottom: 30px;
}
.widget-news .livefeedfeatured a{
    display: flex;
}
.widget-news .livefeedfeatured a figure{
    width: 50%;
}
.widget-news .livefeedfeatured a figure img{width: 100%;}
.widget-news .livefeedfeatured a .newcontent{
    width: 50%;
    padding-right: 15px;
}
.widget-news .livefeedfeatured a .newcontent .cathead{
    background: #000;
    padding: 7px 10px;
    color: #fff;
    border-radius: 5px;
}
.widget-news .livefeedfeatured a .newcontent h2{
    font-weight: 500;
    font-family: 'Noto Sans', sans-serif;
    FONT-SIZE: 36PX;
    COLOR: #000;
}
.widget-news .livefeedfeatured a .newcontent .dttime{
    COLOR: #848484;
}

.widget-news .newsbox{}
.widget-news .newsbox .innerbox{
    padding: 0;
    background: #fff;
    /* border: 1px solid #eee; */
    border-radius: 15px;
    /* box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); */
}
.widget-news .newsbox .innerbox a{}
.widget-news .newsbox .innerbox a figure{
    position: relative;
}
.widget-news .newsbox .innerbox a figure img{
    /* border-radius: 6px; */
    width: 100%;
}
.widget-news .newsbox .innerbox a figure span{
    position: absolute;
    top: 0;
    left: 5px;
    background: #000;
    padding: 4px 11px;
    color: #fff;
    border-radius: 5px;
    top: 5px;
}
.widget-news .newsbox .innerbox a .newcontent{}
.widget-news .newsbox .innerbox a .newcontent h3{
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin: 10px 0;
    line-height: normal;
    font-family: 'Noto Sans', sans-serif;
}
.widget-news .newsbox .innerbox a .newcontent span{
    color: #c1c1c1;
}

/* widget-job */
.widget-job{
    background: #0f172a;
    padding: 5% 0;
}
.widget-job .head{
    padding-bottom: 25px;
}
.widget-job .head ul{
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
}
.widget-job .head ul li{
}
.widget-job .head ul li h3{
    font-size: 51px;
    color: #fff;
    margin: 0;
    font-weight: bold;
    margin-bottom: 15px;
}
.widget-job .head ul li a{
    width: 202px;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 24px;
    color: #fff;
    font-size: 16px;
}
.widget-job .head ul li p{
    color: #aaaaaa;
    font-size: 18px;
    padding-right: 21%;
}

.widget-job .jobgrid{}
.widget-job .jobgrid ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.widget-job .jobgrid ul li{
    width: 50%;
}
.widget-job .jobgrid ul li .innerbox{
    padding: 5%;
    background: #1e293b;
    border-radius: 15px;
    position: relative;
}
.widget-job .jobgrid ul li .innerbox h3{
    margin: 0;
    color: #fff;
    font-weight: 400;
    margin-bottom: 6px;
}
.widget-job .jobgrid ul li .innerbox > svg{
    position: absolute;
    right: 20px;
    color: #fff;
    top: 40px;

}
.widget-job .jobgrid ul li .innerbox .tabbox{
    display: inline-block;
    line-height: normal;
    color: #c1c0c0;
    position: relative;
    padding: 1px 6px;
    padding-left: 20px;
}
.widget-job .jobgrid ul li .innerbox .tabbox > svg{
    color: #c1c0c0;
    position: absolute;
    left: 0;
    top: 0;
}

footer{
    background: #fff;
    padding: 5% 0;
    padding-bottom: 2%;
}
footer .footbox{
    padding: 0;
}
footer .footbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    gap: 20px;
}
footer .footbox ul li{
    width: 20%;
}
footer .footbox ul li h3{margin: 0;font-size: 19px;font-weight: 400;border-bottom: 1px solid #e4e4e4;padding-bottom: 7px;margin-bottom: 20px;}
footer .footbox ul li a{position: relative;display: block;color: #777777;padding: 3px 0;}
footer .footbox ul li a:before{content: ""; position: absolute;}
footer .footbox ul li.thebrand{}
footer .footbox ul li.thebrand h3{
    margin-bottom: 10px;
}
footer .footbox ul li.thebrand h2{
    margin: 0;
    font-weight: 700;
    color: #102a51;
}
footer .footbox ul li.thebrand h2 span{
    color: #b01428;
}
footer .footbox ul li.thebrand > span{
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
}
footer .footbox ul li.thebrand a{
    display: inline-block;
    padding: 10px;
    background: none;
    border: 2px solid #102a51;
    border-radius: 6px;
    width: 40px;
    text-align: CENTER;
    color: #102a51;
}
footer .copyright{
    padding: 0;
    border-top: 1px solid #eee;
    padding-top: 15px;
}
footer .copyright ul{
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
}
footer .copyright ul li{}
footer .copyright ul li p{
    margin: 0;
}
footer .copyright ul li a{
    display: inline-block;
    padding: 0 7px;
    color: #777777;
}
/* widget-productovervie */
.widget-productoverview{
    background: #fff;
    padding: 4% 0;
}
.widget-productoverview .head{
    text-align: center;
}
.widget-productoverview .head span{
    box-shadow: 0 0 0px 0.8px #B6D4F5;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: rgba(16, 42, 81, 1.0);
    text-align: center;
    display: inline-block;
    padding: 8px 21px 8px 22px;
    background: linear-gradient(180deg, rgba(216, 232, 255, 1.0) 0.26%, rgba(216, 232, 255, 1.0) 99.69%);
    border-radius: 6px;
    font-family: 'Inter';
    text-transform: uppercase;
}
.widget-productoverview .head h3{
    font-size: 30px;
    color: rgba(16, 42, 81, 1.0);
    margin-bottom: 5%;
}
.widget-productoverview .overviewgrid{}
.widget-productoverview .overviewgrid ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.widget-productoverview .overviewgrid ul li{}
.widget-productoverview .overviewgrid ul li .innerbox{
    box-shadow: 0 0 0px 0.5px rgba(205, 205, 205, 1.0);
    background: linear-gradient(180deg, rgba(255, 255, 255, 100) 0%, rgba(240, 246, 255, 1.0) 100%);
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 11%;
    padding-bottom: 0;
}
.widget-productoverview .overviewgrid ul li .innerbox h3{
    margin: 0;
    font-size: 16px;
    color: #b01428;
}
.widget-productoverview .overviewgrid ul li .innerbox h2{
    color: rgba(16, 42, 81, 1.0);
}
.widget-productoverview .overviewgrid ul li .innerbox p{
    font-size: 16px;
    color: rgba(92,92,92,1.0);
    margin-bottom: 25%;
}
.widget-productoverview .overviewgrid ul li .innerbox figure{}
.widget-productoverview .overviewgrid ul li .innerbox figure img{
    width: 100%;
}



.widget-counter{
    background: #ffffff;
    padding: 5% 0;
}
.widget-counter .counterbox{}
.widget-counter .counterbox .innerbox{
    display: flex;
    border-right: 1px solid #dbdbdb;
    gap: 15px;
    align-items: center;
}
.widget-counter .counterbox .innerbox .icon{}
.widget-counter .counterbox .innerbox .icon svg{
    width: 55px;
    color: #102a51;
}
.widget-counter .counterbox .innerbox .textbox{}
.widget-counter .counterbox .innerbox .textbox h3{
    margin: 0;
    margin: 0;
    /* font-family: "Marcellus", serif; */
    color: #102a51;
    font-size: 45px;
    margin-bottom: 2px;
    font-weight: 700;
}
.widget-counter .counterbox .innerbox .textbox span{
    /* font-family: "Sora", sans-serif; */
    font-size: 16px;
    font-weight: 500;
    color: #102a51;
}

/* widget-blogs */
.widget-blogs-story{
    padding: 5% 0;
}
.widget-blogs-story .head{
    text-align: center;
    padding-bottom: 40px;
}
.widget-blogs-story .head span{
    box-shadow: 0 0 0px 0.8px #B6D4F5;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: rgba(16, 42, 81, 1.0);
    text-align: center;
    display: inline-block;
    padding: 8px 21px 8px 22px;
    background: linear-gradient(180deg, rgba(216, 232, 255, 1.0) 0.26%, rgba(216, 232, 255, 1.0) 99.69%);
    border-radius: 6px;
    font-family: 'Inter';
    text-transform: uppercase;
}
.widget-blogs-story .head h3{
    font-size: 30px;
    color: rgba(16, 42, 81, 1.0);
    /* margin-bottom: 5%; */
}
.widget-blogs-story .head p{
    font-size: 16px;
    color: rgba(92, 92, 92, 1.0);
}


.widget-blogs-story .bloggrid{}
.widget-blogs-story .bloggrid .innerbox{}
.widget-blogs-story .bloggrid .innerbox figure{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.widget-blogs-story .bloggrid .innerbox figure a{
    width: auto;
    padding: 5px;
    transition: all ease .3s;
    overflow: hidden;
    transition: all ease .3s;
    height: 45px;
    border: 1px solid #E9ECF666;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF66;
    position: absolute;
    top: 22px;
    left: 24px;
}
.widget-blogs-story .bloggrid .innerbox figure a .play-icon{
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 0px 0.7px #E6EAF4, 0px 1.4px 7.01px 0px #10182814;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.widget-blogs-story .bloggrid .innerbox figure a .play-icon svg{}
.widget-blogs-story .bloggrid .innerbox figure a .icon-text{
    overflow: hidden;
    width: 0;
    white-space: nowrap;
    padding: 0;
    opacity: 0;
    transition: ease .5s;
    color: #102A51;
    font-family: Inter;
}
.widget-blogs-story .bloggrid .innerbox figure img{
    width: 100%;
}
.widget-blogs-story .bloggrid .innerbox figure .blogshortcontent{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 35px;
}
.widget-blogs-story .bloggrid .innerbox figure .blogshortcontent span{
    font-weight: 400;
    font-size: 13.02px;
    line-height: 1.2;
    padding-top: 12px;
    color: rgba(255, 255, 255, 1.0);
    position: relative;
}
.widget-blogs-story .bloggrid .innerbox figure .blogshortcontent p{
    font-weight: 500;
    font-size: 18.05px;
    line-height: 1.17;
    letter-spacing: -0.46px;
    color: rgba(255, 255, 255, 1.0);
    position: relative;
}
.widget-blogs-story .bloggrid .innerbox figure .blogshortcontent::before{
    content: '';
    position: absolute;
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 0;
    bottom: 0;
    mask: linear-gradient(to bottom, transparent, #000000 35%);
    --webkit-mask: linear-gradient(to bottom, transparent, black 35%);
    }

.widget-fromthehills{
    padding: 4% 0;
    background: #fff;
    border-top: 1px solid #eee;
}
.widget-fromthehills .leftbox{
    padding: 0 4%;
}
.widget-fromthehills .leftbox h3{
    color: rgba(16, 42, 81, 1.0);
    font-size: 41px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 25px;
}
.widget-fromthehills .leftbox h3 span{
    color: #b01428;
}
.widget-fromthehills .leftbox p{
    font-size: 16px;
    color: rgba(92, 92, 92, 1.0);
}
.widget-fromthehills .leftbox a{
    padding: 11px 32px;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    background: #102a51;
    font-size: 16px;
    display: inline-block;
    margin-top: 15px;
}
.widget-fromthehills .leftbox a svg{}
.widget-fromthehills .rightbox{}



.widget-fromthehills .rightbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.widget-fromthehills .rightbox ul li{}
.widget-fromthehills .rightbox ul li img{
    width: 100%;

}
.widget-fromthehills .rightbox ul li img.border-one{
    border-radius: 70px 15px 15px 15px;
}
.widget-fromthehills .rightbox ul li img.border-two{
    border-radius: 15px 75px 15px 15px;
}
.widget-fromthehills .rightbox ul li img.border-three{
    border-radius: 15px 15px 15px 75px;
}
.widget-fromthehills .rightbox ul li img.border-four{
    border-radius: 15px 15px 75px 15px;
}


.widget-blogs{background: #102a51; padding: 5% 0;}

.widget-blogs .head{
    text-align: center;
    padding-bottom: 5%;
}
.widget-blogs .head h3{
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -0.72px;
    color: #FFFFFF;
    margin: 0;
    }
.widget-blogs .head p{    margin: 0 auto;
    max-width: 712px;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 1.27;
    font-weight: 400;
    padding-top: 15px;}

.widget-blogs .leftbox{}
.widget-blogs .leftbox .innerbx{
    border: 1px solid #fff;
    border-radius: 34px;
    overflow: hidden;
}
.widget-blogs .leftbox .innerbx a{}
.widget-blogs .leftbox .innerbx a figure{}
.widget-blogs .leftbox .innerbx a figure img{
    width: 100%;
}
.widget-blogs .leftbox .innerbx a h3{
    margin: 0;
    padding: 9%;
    padding-bottom: 9px;
    color: #fff;
    font-size: 34px;
}
.widget-blogs .leftbox .innerbx a p{
    padding: 4px 9%;
    color: #fff;
    font-size: 17px;
    font-weight: 200;
}
.widget-blogs .leftbox .innerbx a span{
    text-align: center;
    padding: 4px 13px;
    color: #004642;
    font-size: 12px;
    letter-spacing: 0.86px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #E0F8DE;
    border-radius: 50px;
    margin-left: 9%;
    margin-bottom: 10%;
    display: inline-block;
}

.widget-blogs .rightbox{}
.widget-blogs .rightbox .innerbx{}
.widget-blogs .rightbox .innerbx ul{
    padding: 0;
    list-style: none;
}
.widget-blogs .rightbox .innerbx ul li{
    padding: 5% 0;
    border-bottom: 1px solid #fff;
}
.widget-blogs .rightbox .innerbx ul li .bloginner{
    display: flex;
    gap: 15px;
}
.widget-blogs .rightbox .innerbx ul li .bloginner h3{
    color: #fff;
    margin: 0;
    padding-right: 12%;
    font-weight: 700;
    line-height: normal;
}
.widget-blogs .rightbox .innerbx ul li .bloginner img{
    width: 100px;
    border-radius: 15px;
    height: 100px;
}
.widget-blogs .rightbox .innerbx ul li span{
    text-align: center;
    padding: 4px 13px;
    color: #004642;
    font-size: 12px;
    letter-spacing: 0.86px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #E0F8DE;
    border-radius: 50px;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}


.widget-journey{
    padding: 5% 0;
}
.widget-journey .head{
    text-align: CENTER;
}
.widget-journey .head span{
    box-shadow: 0 0 0px 0.8px #B6D4F5;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: rgba(16, 42, 81, 1.0);
    text-align: center;
    display: inline-block;
    padding: 8px 21px 8px 22px;
    background: linear-gradient(180deg, rgba(216, 232, 255, 1.0) 0.26%, rgba(216, 232, 255, 1.0) 99.69%);
    border-radius: 6px;
    font-family: 'Inter';
    text-transform: uppercase;
}
.widget-journey .head h3{
    font-size: 18px;
    margin-bottom: 30px;
}
.widget-journey .journeybox{}
.widget-journey .journeybox .innerbox{
    background-color: rgba(244, 248, 255, 1.0);
    box-shadow: 0 0 0px 0.5px rgba(202, 217, 241, 1.0);
    /* height: 100%; */
    border-radius: 20px;
    padding: 5%;
    text-align: CENTER;
}
.widget-journey .journeybox .innerbox figure{}
.widget-journey .journeybox .innerbox figure img{
    width: 100%;
}
.widget-journey .journeybox .innerbox h3{}
.widget-journey .journeybox .innerbox a{
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #0e3269;
}

/* widget-registration" */
.widget-registration{padding: 5% 0;background: linear-gradient(-135deg, #102a51, #8b1427);}
.widget-registration .leftbox{
    padding-top: 3%;
}
.widget-registration .leftbox h3{
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    line-height: normal;
    margin-bottom: 20px;
}
.widget-registration .leftbox h4{
    font-size: 24px;
    color: #fff;
}
.widget-registration .leftbox ul{
    padding: 0;
    list-style: none;
}
.widget-registration .leftbox ul li{
    color: #fff;
    font-weight: 200;
    font-size: 16px;
    padding: 5px 0;
}
.widget-registration .rightbox{}
.widget-registration .rightbox .innerbox{
    padding: 10%;
    background: #fff;
    border-radius: 15px;
}
.widget-registration .rightbox .innerbox form{}
.widget-registration .rightbox .innerbox form .formbx{
    display: flex;
    gap: 10px;
}
.widget-registration .rightbox .innerbox form .formbx label{
    width: 100%;
}
 form .formbx label input{
    width: 100%;
    outline: none;
    padding: 15px;
    border-radius: 10px;
    border: 2px solid #eee;
    font-weight: 400;
}

.widget-registration .rightbox .innerbox h3{
    text-align: center;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 700;
    color: #102a51;
}
.widget-registration .rightbox .innerbox .iaccept{
    display: flex;
    gap: 4px;
    padding: 12px 0;
    margin-bottom: 16px;
}
.widget-registration .rightbox .innerbox .iaccept input{}
.widget-registration .rightbox .innerbox .iaccept span{
    font-size: 12px;
}
.widget-registration .rightbox .innerbox .iaccept span a{
    font-weight: 600;
    color: #9c162f;
}
.widget-registration .rightbox .innerbox button{
    background: linear-gradient(180deg, #ce132d -0.35%, #691a32 100.1%);
    width: 100%;
    border-radius: 0;
    font-size: 20px;
    line-height: 1.30;
    letter-spacing: -0.26px;
    font-weight: 200;
    border-radius: 5px;
    color: #fff;
    padding: 13px 0;
    border: none;
}

/* widget-login */
.widget-login{
    padding: 5% 0;
    background: linear-gradient(-135deg, #102a51, #8b1427);
}
.widget-login .logininner{
    margin: 0 auto;
    float: inherit;
}
.widget-login .logininner .innerbox{
    padding: 10%;
    background: #fff;
    border-radius: 15px;
}
.widget-login .logininner .innerbox h3{
    text-align: center;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 700;
    color: #102a51;
}
.widget-login .logininner .innerbox .loglbl{}
.widget-login .logininner .innerbox .loglbl label{
    width: 100%;
}
.widget-login .logininner .innerbox .loglbl label span{
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}
.widget-login .logininner .innerbox .loglbl label select{
    width: 100%;
    outline: none;
    padding: 15px;
    border-radius: 10px;
    border: 2px solid #eee;
    font-weight: 400;
}
.widget-login .logininner .innerbox .loglbl label .innerlbl{
    position: relative;
}
.widget-login .logininner .innerbox .loglbl label .innerlbl svg{
    position: absolute;
    top: 18px;
    left: 13px;
}
.widget-login .logininner .innerbox .loglbl label .innerlbl input{
    width: 100%;
    outline: none;
    padding: 15px;
    border-radius: 10px;
    border: 2px solid #eee;
    font-weight: 400;
    padding-left: 40px;
    margin-bottom: 5px;
}

.widget-login .logininner .innerbox .forgetpass{
    margin-bottom: 20px;
    text-align: RIGHT;
}
.widget-login .logininner .innerbox .forgetpass a{
    display: inline-block;
    font-weight: 400;
    color: #000;
}
.widget-login .logininner .innerbox button{
    background: linear-gradient(180deg, #ce132d -0.35%, #691a32 100.1%);
    width: 100%;
    border-radius: 0;
    font-size: 20px;
    line-height: 1.30;
    letter-spacing: -0.26px;
    font-weight: 200;
    border-radius: 5px;
    color: #fff;
    padding: 13px 0;
    border: none;
}

/* */

/* widget-search-home*/
.widget-search-home{
    padding: 5% 0;
}
.widget-search-home .searchbox{
    text-align: center;
    text-align: center;
    padding-bottom: 40px;
}
.widget-search-home .searchbox h3{
    font-weight: 600;
    font-size: 3em;
    color: #000;
    margin: 0;
    margin-bottom: 15px;
}
.widget-search-home .searchbox span{
    display: inline-block;
    padding: 3px 10px;
    /* background: #eee; */
    /* border: 1px solid #eeee; */
    font-size: 18px;
}


.widget-search-home .formbox{
    padding-bottom: 3%;
}
.widget-search-home .formbox form{
    text-align: CENTER;
}
.widget-search-home .formbox form label{
    padding: 14px 15px;
    background: #ffff;
    width: 760px;
    border-radius: 62px;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    box-shadow: 0 25px 60px rgba(113, 106, 147, .2);
    gap: 10px;
    position: relative;
}
.widget-search-home .formbox form label input{
    padding: 15px;
    border: none;
    width: 57%;
    outline: none;
    border-right: 1px solid #eee;
    padding-left: 45px;
    font-weight: 500;
}
.widget-search-home .formbox form label select{
    width: 20%;
    padding: 0 5px;
    border: none;
    outline: none;
    font-weight: 600;
}
.widget-search-home .formbox form label button{
    padding: 10px 30px;
    border: none;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(180deg, #ce132d -0.35%, #691a32 100.1%);
    width: 20%;
    /* box-shadow: 3px 3px rgb(33 150 243 / 62%); */
}

.widget-search-home .formbox form label img{
    position: absolute;
    top: 28px;
    left: 27px;
}


.widget-search-home .categorybox{
    text-align: CENTER;
}
.widget-search-home .categorybox ul{
    padding: 0;
    display: inline-block;
    list-style: none;
}
.widget-search-home .categorybox ul li{
    display: inline-block;
    padding: 0 4px;
}
.widget-search-home .categorybox ul li a{
    display: flex;
    padding: 10px 15px;
    background: #fff;
    border-radius: 20px;
    min-width: 150px;
    position: relative;
    flex-wrap: wrap;
    border: 1px solid #dfdfdf;
    padding-right: 50px;
    box-shadow: 0 25px 60px rgba(113, 106, 147, .2);
}
.widget-search-home .categorybox ul li a img{
    width: 50px;
    left: 7px;
    top: 7px;
    border-radius: 26px;
    /* border: 1px solid #eee; */
    padding: 0;
    margin-right: 3px;
}
.widget-search-home .categorybox ul li a span{
    text-align: left;
    display: block;
    padding-left: 0;
    padding-top: 13px;
    padding-left: 5px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
}
.widget-search-home .categorybox ul li a i{
    font-size: 16px;
    position: relative;
    color: #d2d2d2;
    right: -30px;
    top: 11px;
    font-size: 24px;
}
/* grid job */
.widget-job-grid{
    padding: 3% 0;
}
.widget-job-grid .head{
    background: #275df5;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.widget-job-grid .head h3{
    text-align: center;
    margin: 0;
    color: #fff;
    padding: 4%;
}
.widget-job-grid .bannerbox{padding-bottom: 20px;}
.widget-job-grid .bannerbox img{width: 100%; border-radius: 15px;}
.widget-job-grid .gridbox{}
.widget-job-grid .gridbox .innerbox{
    padding: 11%;
    background: #fff;
    border-radius: 13px;
}

.widget-job-grid .gridbox .innerbox  h3{
    margin: 0;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 7px;
}
.widget-job-grid .gridbox .innerbox p{
    font-size: 14px;
    color: #9f9f9f;
}
.widget-job-grid .gridbox .innerbox .experience{
    display: inline-block;
    border: 1px solid #474d6a;
    padding: 7px 15px;
    border-radius: 25px;
    color: #474d6a;
    margin-bottom: 7px;
}
.widget-job-grid .gridbox .innerbox .vacancy{
    display: inline-block;
    border: 1px solid #474d6a;
    padding: 7px 15px;
    border-radius: 25px;
    color: #474d6a;
    margin-bottom: 7px;
}
.widget-job-grid .gridbox .innerbox .skills{
    display: block;
    border-top: 1px solid #eee;
    margin-top: 15px;
    padding-top: 20px;
}
.widget-job-grid .gridbox .innerbox .skills .skilllist{
    display: inline-block;
    display: inline-block;
    border: 1px solid #474d6a;
    padding: 7px 15px;
    border-radius: 25px;
    color: #474d6a;
}

.widget-job-grid  .jobbrief{
    padding-top: 20px;
}
.widget-job-grid  .jobbrief .innerbox{
    background: #fff;
    border-radius: 13px;
    padding: 3%;
}
.widget-job-grid  .jobbrief .innerbox .headjob{
    margin: 0;
    padding-bottom: 16px;
    font-weight: 600;
    font-size: 17px;
    border-bottom: 1px solid #eee;
    margin-bottom: 22px;
}
.widget-job-grid  .applybox{
    padding: 0;
}
.widget-job-grid  .applybox .innerbox{
    background: #fff;
    border-radius: 13px;
    padding: 5%;
}
.widget-job-grid  .applybox .innerbox h3{
    margin: 0;
    margin-bottom: 13px;
    text-align: CENTER;
    font-size: 18px;
    font-weight: 600;
}
.widget-job-grid  .applybox .innerbox form{}
.widget-job-grid  .applybox .innerbox form label{
    display: block;
}
.widget-job-grid  .applybox .innerbox form label span{
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}
.widget-job-grid  .applybox .innerbox form label input{
    padding: 9px;
    border: 1px solid #eee;
    width: 100%;
    border-radius: 5px;
    outline: none;
}
.widget-job-grid  .applybox .innerbox form button{
    padding: 10px 30px;
    border: none;
    display: inline-block;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500;
    background: #2196F3;
    border: none;
    /* margin-left: 10px; */
    width: 100%;
}
.bannerboxjob{
    padding: 0 7%;
    margin-bottom: 2%;
}
.bannerboxjob img{width: 100%;}

.widget-breadcrumb{    padding: 5% 0;
    background: linear-gradient(-135deg, #102a51, #8b1427);}
.widget-breadcrumb .head{}
.widget-breadcrumb .head h3{color:#fff;text-align: CENTER;font-weight: 800;font-size: 34px;text-transform: uppercase;}



/* mobheader*/
.mobheader{
    background: #fff;
    padding: 5% 0;
}
.mobheader .mobhead{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center;
}
.mobheader .mobhead a{
    width: 80%;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0;
    font-weight: bold;
    color: #102a51;
    font-size: 30px;
}
.mobheader .mobhead a span{
    color: #b01428;
}
.mobheader .mobhead button{
    width: 40px;
    border: none;
    background: none;
}
.mobheader .mobhead button span{
    width: 100%;
    height: 1px;
    display: block;
    background: #000;
    margin-bottom: 11px;
}


/* SIDE MENU */
.side-menu {
    max-width: 80%;
    position: fixed;
    top: 0;
    left: -80%;
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 1000;
    transition: left 0.3s ease;
    overflow-y: scroll;
    z-index: 9999;
    width:350px
}
.side-menu.open {
    left: 0;
}
.side-menu.opens {
    left: 0;
    width:350px
}
.side-menu .sidemenulogo{
    text-align: CENTER;
    padding: 19px 0;
    display: block;
    border-bottom: 1px solid #eee;
    margin: 0;
    font-weight: bold;
    color: #102a51;
    font-size: 37px;
    }
.side-menu .sidemenulogo span{
    color: #b01428;
}
.side-menu ul{
    padding: 0;
    list-style: none;
    padding: 0 10px;
}
.side-menu .othermenu > a{
    display: block;
    color: #000;
    padding: 10px 15px;
    font-size: 15px;
    position:relative;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
}
.side-menu .btnreg{
    padding: 15px;
}
.side-menu .btnreg a{
    display: block;
    padding: 16px 32px;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    background: #102a51;
    font-size: 16px;
    margin-bottom: 10px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 75%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1000;
}

#overlay.active {
    opacity: 1;
    visibility: visible;
}

.widget-orgin{
    padding: 4% 0;
    background: #fff;
}
.widget-orgin .leftbox{}
.widget-orgin .leftbox img{width: 100%;}
.widget-orgin .rightbox{}
.widget-orgin .rightbox h3{
    font-weight: 800;
    color: #000;
    font-size: 34px;
}
.widget-orgin .rightbox span{
    display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;
}
.widget-orgin .rightbox p{
    margin-bottom: 34px;
    font-size: 20px;
    color: #878787;
    /* font-size: 1.25rem; */
    font-weight: 400;
}


.whatewedo{padding: 4% 0;}
.whatewedo .leftbox{}
.whatewedo .leftbox h3{
    font-weight: 800;
    color: #000;
    font-size: 34px;
    }
.whatewedo .leftbox span{ display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;}
.whatewedo .leftbox p{ margin-bottom: 34px;
    font-size: 20px;
    color: #878787;
    /* font-size: 1.25rem; */
    font-weight: 400;}

.whatewedo .rightbox img{width: 100%;}


.widget-faqbox{
    padding: 5% 0;
    background: #fff;
    border-top: 1px solid #eee;
}
.widget-faqbox .head{
    padding-bottom: 25px;
    text-align: CENTER;
}
.widget-faqbox .head h3{
    margin: 0;
    text-align: CENTER;
    font-size: 30px;
    color: rgba(16, 42, 81, 1.0);
    margin-bottom: 20px;
}
.widget-faqbox .head p{
    box-shadow: 0 0 0px 0.8px #B6D4F5;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: rgba(16, 42, 81, 1.0);
    text-align: center;
    display: inline-block;
    padding: 8px 21px 8px 22px;
    background: linear-gradient(180deg, rgba(216, 232, 255, 1.0) 0.26%, rgba(216, 232, 255, 1.0) 99.69%);
    border-radius: 6px;
    font-family: 'Inter';
    text-transform: uppercase;
}

.widget-faqbox .faq-list ul {
    list-style: none;
    padding: 0;
}

.widget-faqbox .faq-list li {
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 7px;
    border-radius: 6px;
    box-shadow: 0px 4px 12px -5px rgb(0 0 0 / 8%);
}

.widget-faqbox .faq-list h3 {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    margin: 0;
    font-weight: 500;
    color: #102a51;
}

.widget-faqbox .faq-list p {
    display: none;
    margin-top: 10px;
    color: #000000;
    line-height: 1.6;
    font-size: 16px;
    padding: 10px;
}

.widget-faqbox .faq-list i {
    transition: 0.3s ease;
}

.widget-faqbox .faq-list li.active i {
    transform: rotate(180deg);
}

/* API DASHBOARD */
.widget-api-dashboard{padding: 30px 0;background: #fff;border-top: 1px solid #eee;}

.widget-api-dashboard .side-menu-widget ul{
    padding: 15px;
    list-style: none;
    margin: 0;
    background: #b014280f;
}

.widget-api-dashboard .side-menu-widget ul li a.active{
    background: #b01428;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 15px 10px -15px #b01428;
    }
.widget-api-dashboard .side-menu-widget ul li a{
    display: block;
    padding: 15px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: #eeeeee38; */
}
.widget-api-dashboard .innerbox-profile-dashboard .notverify{
    padding: 0;
    padding-bottom: 15px;
}
.widget-api-dashboard .innerbox-profile-dashboard .notverify span{position: relative;display: block;padding: 15px;color: #F44336;font-size: 16px;background: #f4433624;border: 1px solid #f4433624;border-radius: 5px;}
.widget-api-dashboard .innerbox-profile-dashboard .verifybox{
    padding: 0;
    padding-bottom: 0;
}
.widget-api-dashboard .innerbox-profile-dashboard .verifybox span{position: relative;display: block;padding: 15px;color: #4CAF50;font-size: 16px;background: #4caf5024;border: 1px solid #4caf503d;border-radius: 5px;}

.widget-api-dashboard .innerbox-profile-dashboard .profilehead{
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.widget-api-dashboard .innerbox-profile-dashboard .profilehead h3{
    margin: 0;
    font-size: 16px;
    padding: 15px;
    background: #eeeeee40;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #eee;
    font-weight: 600;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox{
    background: #eee;
    position: relative;
    padding: 15px;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox .ownericon{
    position: absolute;
    font-size: 58px;
    background: #ffffff;
    padding: 0 15px;
    display: inline-block;
    color: #e9e6e6;
    border-radius: 10px;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox ul{
    margin: 0;
    padding-left: 88px;
    list-style: none;
}

.widget-api-dashboard .innerbox-profile-dashboard .ownerbox ul li span.lbl{
    display: block;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox ul li span.lbltext{
    font-weight: 600;
}



.widget-api-dashboard .innerbox-profile-dashboard .detailbox{
    background: #f9f9f9;
    position: relative;
    padding: 15px;
}
.widget-api-dashboard .innerbox-profile-dashboard .detailbox .ownericon{
    position: absolute;
    font-size: 58px;
    background: #ffffff;
    padding: 0 15px;
    display: inline-block;
    color: #e9e6e6;
    border-radius: 10px;
}
.widget-api-dashboard .innerbox-profile-dashboard .detailbox ul{
    margin: 0;
    padding-left: 5px;
    list-style: none;
}

.widget-api-dashboard .innerbox-profile-dashboard .detailbox ul li span.lbl{
    display: block;
}
.widget-api-dashboard .innerbox-profile-dashboard .detailbox ul li span.lbltext{
    font-weight: 600;
}

.secretcodebox{
    padding: 15px;
    background: #2196f31c;
    border: 1px solid #2196f354;
}
.secretcodebox .innerbox{
    padding: 0;
    text-align: CENTER;
}
.secretcodebox .innerbox button{
    display: inline-block;
    padding: 10px 020px;
    border: none;
    background: #2196F3;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    letter-spacing: 1px;
}

/* formbox */
.formbox{
    padding: 0;
}
.formbox label{
    display: block;
}
.formbox label span{
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: 'Noto Sans', sans-serif; */
    margin-bottom: 4px;
    letter-spacing: 1px;
}
.formbox label input[type='text'],.formbox label input[type='password']{
    border-radius: 6px;
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    outline: none;
    font-weight: normal;
}
.formbox button{
    padding: 10px 20px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #b01428;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 15px 10px -15px #af1428;
    margin-top: 10px;
}



/* widget-developer-document */
.widget-developer-document ol{
    padding-left: 20px;
}
.widget-developer-document ol li{
    padding: 2px 0;
}
.widget-developer-document h1{
    font-size: 24px;
    font-weight: 600;
}
.widget-developer-document h2{
    font-size: 18px;
    background: #eee;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
}
.widget-developer-document h3{
    font-size: 16px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
}
.widget-developer-document table{
    width: 100%;
    margin: 15px 0;
}

.widget-developer-document table tr th{
    border: 1px solid #eee;
    padding: 7px 10px;
    background: #eee;
}
.widget-developer-document table tr td{
    border: 1px solid #eee;
    padding: 7px 10px;
    /* background: #eee; */
}

.widget-api-dashboard .widget-news-account .profilehead{
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.widget-api-dashboard .widget-news-account .profilehead h3{
    margin: 0;
    font-size: 16px;
    padding: 15px;
    background: #eeeeee40;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #eee;
    font-weight: 600;
}

.widget-api-dashboard .widget-news-account .box-account{
    padding: 5%;
    background: #faf1f2;
    text-align: CENTER;
}
.widget-api-dashboard .widget-news-account .box-account h3{
    margin: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #b01428;
}
.widget-api-dashboard .widget-news-account .box-account button{
    display: inline-block;
    background: #b01428;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 15px 10px -15px #b01428;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
}

.logbx{
    width: 300px;
    margin: 0 auto;
    padding: 15px;
    text-align: left;
}
.logbx span{
    display: block;
    margin-bottom: 10px;
}
.logbx span label{
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.logbx span input{
    width: 100%;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 3px;
    outline: none;
}
.logbx a{display: inline-block;margin-top: 20px;font-weight: 700;color: #b01428;}
.widget-about-home{
    padding: 5% 0;
    background: #f4f9ff;
}
.widget-about-home .head{
    padding: 0;
}
.widget-about-home .head span{
    /* border: 1px solid #eee; */
    box-shadow: 0 0 0px 0.8px #ffffff;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 8px 21px 8px 22px;
    background: #102a51;
    border-radius: 6px;
    font-family: 'Inter';
    text-transform: uppercase;
    letter-spacing: 1px;
}
.widget-about-home .subhead{
    padding: 0;
}
.widget-about-home .subhead h3{
    font-size: 44px;
    line-height: 49px;
    font-weight: 400;
    color: #102a51;
}
.widget-about-home .subhead h3 span{
    font-style: italic;
    color: #102a51;
    font-weight: 700;
}
.widget-about-home .subhead p{
    font-size: 18px;
    color: #102a51;
}
.widget-about-home .gridlist{
    border-top: 1px solid #102a51;
    border-bottom: 1px solid #102a51;
    padding: 20px 0;
    margin-top: 15px;
    margin-bottom: 40px;
}
.widget-about-home .gridlist ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: 0;
}
.widget-about-home .gridlist ul li{
    width: 100%;
    border-right: 1px solid #102a51;
}
.widget-about-home .gridlist ul li:last-child{border:none;}
.widget-about-home .gridlist ul li .textnum{
    display: block;
    font-size: 50px;
    line-height: normal;
    color: #102a51;
    font-weight: 600;
}
.widget-about-home .gridlist ul li .texthead{
    font-size: 18px;
    color: #102a51;
    font-weight: 200;
}
.widget-about-home .leftbox{
    padding: 0;
}
.widget-about-home .leftbox span{
    /* background: #f5f5f5; */
    padding: 11px 20px;
    text-transform: uppercase;
    font-weight: 400;
    border: 1px solid #102a51;
    border-radius: 2px;
    color: #102a51;
}
.widget-about-home .leftbox h3{
    font-weight: 500;
    font-size: 42px;
    color: #102a51;
}
.widget-about-home .leftbox p{
    font-size: 16px;
    color: #102a51;
}
.widget-about-home .rightbox{}
.widget-about-home .rightbox > span{
    padding: 11px 20px;
    text-transform: uppercase;
    font-weight: 400;
    border: 1px solid #102a51;
    border-radius: 2px;
    color: #102a51;
    display: inline-block;
    margin-bottom: 15px;
}
.widget-about-home .rightbox ul{
    padding: 0;
    list-style: none;
}
.widget-about-home .rightbox ul li{
    margin-bottom: 10px;
}
.widget-about-home .rightbox ul li .innerbox{
    padding: 5%;
    background: #102a51;
}
.widget-about-home .rightbox ul li .innerbox .iconbox{
    color: #ffff;
}
.widget-about-home .rightbox ul li .innerbox .contentbox{}
.widget-about-home .rightbox ul li .innerbox .tag{}

.widget-live-feed{padding: 4% 0;
    background: #fff;
    border-top: 1px solid #eee;}
.widget-live-feed .head{}
.widget-live-feed .head h3{margin: 0;
    margin-bottom: 40px;
    font-weight: 600;}
.widget-live-feed .head h3 i{}
.widget-live-feed .newsgrid{}
.widget-live-feed .newsgrid ul{
    padding: 0;
    list-style: none;
}
.widget-live-feed .newsgrid ul li{}
.widget-live-feed .newsgrid ul li a{
    outline: none;
}
.widget-live-feed .newsgrid ul li a .innerbox{
    padding: 5px;
}
.widget-live-feed .newsgrid ul li a .innerbox figure{
    position: relative;
    aspect-ratio: 4/7;
    margin: 0px;
    overflow: hidden;
    border-radius: 9px;
}
.widget-live-feed .newsgrid ul li a .innerbox figure::before{position: absolute;content: "";z-index: 0;width: 100%;height: 100%;left: 0;right: 0;background: linear-gradient(
180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);bottom: 0;top: 0;}
.widget-live-feed .newsgrid ul li a .innerbox figure img{
    width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.widget-live-feed .newsgrid ul li a .innerbox figure .cathead{
    position: absolute;
    left: 5px;
    left: 5px;
    background: #000;
    padding: 4px 11px;
    color: #fff;
    border-radius: 5px;
    top: 5px;
}
.widget-live-feed .newsgrid ul li a .innerbox figure .detbox{
    position: absolute;
    z-index: 6;
    bottom: 0;
    padding: 15px;
    text-align: left;
}
.widget-live-feed .newsgrid ul li a .innerbox figure .detbox h3{
    color: #fff;
    font-size: 18px;

    margin: 0;
    line-height: normal;
}
.widget-live-feed .newsgrid ul li a .innerbox figure .detbox .datetag{
    font-size: 12px;
    color: #b2b2b2;
    margin-top: 12px;
}

.widget-pricing{
    padding: 5% 0;
    background: #fff;
}
.widget-pricing .head{
    text-align: CENTER;
    padding-bottom: 30px;
}
.widget-pricing .head h3{
    font-size: 45px;
    font-weight: 300;
    color: #102a51;
}
.widget-pricing .head p{
    font-size: 16px;
    color: #000;
}
.widget-pricing .pricegrid{}
.widget-pricing .pricegrid ul{
    padding: 0;
    list-style: none;
    gap: 30px;
    display: flex;
}
.widget-pricing .pricegrid ul li{
    width: 100%;
}
.widget-pricing .pricegrid ul li .innerbox{
    text-align: center;
    padding: 10% 10%;
    border: 1px solid #102a51;
    border-top: 15px solid #102a51;
    border-radius: 50px 50px 0 0;
}
.widget-pricing .pricegrid ul li .innerbox h3{
    font-size: 30px;
    font-weight: 600;
    color: #102a51;
}
.widget-pricing .pricegrid ul li .innerbox p{
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    font-size: 16px;
    color: #616161;
}
.widget-pricing .pricegrid ul li .innerbox .listbox{
    text-align: center;
}
.widget-pricing .pricegrid ul li .innerbox .listbox h4{
    font-weight: 700;
    text-align: left;
}
.widget-pricing .pricegrid ul li .innerbox .listbox span{position: relative;display: block;padding-left: 15px;font-size: 15px;padding-bottom: 7px;text-align: left;}
.widget-pricing .pricegrid ul li .innerbox .listbox span::before{
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M6.88 0L8 1.0575L2.776 6L0 3.375L1.12 2.3175L2.776 3.8775L6.88 0Z' fill='%2362D066'/%3E%3C/svg%3E")
    }

.widget-pricing .pricegrid ul li .innerbox .listbox a{
    padding: 10px 27px;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    border: none;
    box-shadow: 0px 5px 9px -5px rgb(16 42 81 / 43%);
    transition: all 0.3s ease;
    background: #102a51;
    font-size: 16px;
    display: inline-block;
    margin-top: 13px;
    }

.widget-blogs .subscribebox{
    text-align: center;
    padding: 5% 0;
    padding-bottom: 0;
}
.widget-blogs .subscribebox h3{
    color: #fff;
    font-size: 34px;
    font-weight: 500;
}
.widget-blogs .subscribebox p{
    color: #fff;
    font-weight: 200;
    font-size: 16px;
}
.widget-blogs .subscribebox form{}
.widget-blogs .subscribebox form label{
    display: flex;
    width: 700px;
    margin: 0 auto;
    gap: 5px;
    align-items: center;
}
.widget-blogs .subscribebox form label input{
    padding: 15px;
    width: 70%;
    border: none;
    border-radius: 3px;
    font-weight: 400;
    outline: none;
}
.widget-blogs .subscribebox form label button{
    padding: 14px 27px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    border: none;
    box-shadow: 0px 5px 9px -5px rgb(16 42 81 / 43%);
    transition: all 0.3s ease;
    background: #4CAF50;
    font-size: 16px;
    display: inline-block;
}



.widget-blog-content{
    border-top: 1px solid #eee;
    padding: 50px 0;
    border-bottom: 1px solid #eee;
}
.widget-blog-content .head{
    padding-bottom: 30px;
    border-bottom: 1px solid #acacac;
}
.widget-blog-content .head h3{
    margin: 0;
    font-size: 38px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #000;
}
.widget-blog-content .head .author{
    display: inline-block;
    color: #747474;
    margin-right: 9px;
    font-size: 16px;
    font-weight: 600;
}
.widget-blog-content .head .lastupdate{
    display: inline-block;
    color: #747474;
    margin-right: 9px;
    font-size: 16px;
    font-weight: 600;
}
.widget-blog-content .contentbox{
    padding-top: 23px;
}
.widget-blog-content .contentbox p{
    font-size: 16px;
    font-size: 18px;
    color: #878787;
}


.widget-other-blog{
    padding: 50px 0;
}
.widget-other-blog ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.widget-other-blog ul li{
    width: 33.33%;
}
.widget-other-blog ul li a{
    display: block;
    padding: 0;
    border: 1px solid #e7e7e7;
    border-radius: 13px;
    color: #000;
    text-decoration: none;
}
.widget-other-blog ul li a figure{}
.widget-other-blog ul li a figure img{
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.widget-other-blog ul li a .detbox{
    padding: 37px;
}
.widget-other-blog ul li a .detbox h3{
    margin: 0;
    font-size: 22px;
    margin-bottom: 10px;
}
.widget-other-blog ul li a .detbox p{
    font-size: 17px;
    font-weight: 200;
}
.widget-other-blog ul li a .detbox span{
    text-align: center;
    padding: 4px 13px;
    color: #004642;
    font-size: 12px;
    letter-spacing: 0.86px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #E0F8DE;
    border-radius: 50px;
    /* margin-left: 9%; */
    /* margin-bottom: 10%; */
    display: inline-block;
}

@media screen and (max-width: 68em) {
.widget-slide .leftbox .headingbox h3 {
    font-size: 34px;

}
.widget-slide .leftbox .headingbox p{font-size: 16px;}
.widget-slide .leftbox .headingbox ul{
    display: block;
}
.widget-slide .leftbox .headingbox ul li{
    display: block;
    padding-bottom: 10px;
}
.widget-slide .leftbox .headingbox ul li a{
    display: block;
    text-align: center;
}

.widget-slide .rightbox img{width: 100%;}
.widget-counter .counterbox{padding: 15px;}
.widget-news .newsbox .innerbox{margin-bottom: 15px;}
.widget-journey .journeybox .innerbox{margin-bottom: 15px;}
.widget-productoverview .overviewgrid ul{flex-direction: column;}
.widget-fromthehills .leftbox {
    padding: 10% 4%;
}
.widget-blogs, .widget-job{padding: 10% 0;}
.widget-blogs .head h3{    font-size: 30px;}
.widget-blogs-story .bloggrid{padding-bottom:15px ;}
.widget-job .head ul{flex-direction: column;}
.widget-job .head ul li h3{font-size: 34px;}
.widget-job .head ul li p{padding: 0;}
.widget-job .jobgrid ul{flex-direction: column;}
.widget-job .jobgrid ul li{width: 100%;}
footer .footbox ul{flex-direction: column;}
footer{padding: 6%;}
footer .copyright ul{flex-direction: column;}
footer .copyright ul li p{margin-bottom: 15px;}
}