* {
    box-sizing: border-box;
}


.selector-for-some-widget {
    box-sizing: content-box;
}

/* Top Header */

.topbar {
    padding: px 0px 0px;
    background-image: linear-gradient(to right, #FF4500, #DF362D);
}

.tcontm a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.tcontm span {
    margin: 0px 0px 0px 10px;
}

.topbar span {
    font-size: 14px;
    color: #fff;
}

.topbar img {
    width: 20px;
}

.fa-mobile.mob {
    font-size: 22px;
    vertical-align: middle;
}

.top-useful-link {
    display: flex;
    margin: 0px;
}


.top-useful-link a div.login {
    background-color: #FF8300;
    padding: 7px 10px 7px 10px;
    color: white;
    margin: 0px 0px 0px 5px;
}

.top-useful-link a div.login i {
    margin: 5px;
}

.top-useful-link a {
    text-decoration: none;
}

.top-useful-link a div.registration {
    background-color: rgb(255, 125, 32);
    padding: 7px 10px 7px 10px;
    color: white;
}


/*    Middle Navbar */

nav .navbar-nav a {
    color: black;
    margin-right: 10px;
}

nav .navbar-nav {
    margin-right: 5rem;
}


.middlenavbar nav {
    margin: 0px 0px 0px 0px;
}

.middlenavbar .side-logo a {
    margin: 0px 0px 0px 25px;
}

.middlenavbar .container li.register-button button {

    background-color: #fd7403;
    color: white;
    border: 0px;
    padding: 5px 20px 5px 20px;
    border-radius: 20px;
}


.dropdown-menu {
    width: 100%;
    /* make the dropdown full screen width */
    left: 50%;
    /* center the dropdown horizontally */
    transform: translateX(-50%);
    /* align the center of the dropdown with the center of the screen */
}



.navbar-nav li:hover>ul.dropdown-menu {
    display: block;
    width: 63rem;
    background-image: linear-gradient(to right, #fd7403, green);
    padding: 25px;

}

.dropdown-submenu {
    position: relative;

}


/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}


.dropdown-menu li a {
    font-size: 14px;
    color: white;

}

/*    About us section  */

.about-us-section {
    background-image: url("../img/about-bg.jpg");
    background-position: center;
    background-size: contain;


}

.about-us-section .row{
    padding: 0.2em; 
}

.about-us-section h1 {
    padding: 1em;
    font-weight: bold;
}

.about-us-section p {
    padding: 0px 5px 10px 5px;

}

.about-us-section .vision-mission {
    padding: 10px;
}

.about-us-section .vision-mission .about-us-box {
    padding: 10px;
    color: white;

}

.about-us-section .vision-mission .box-1 {
    background-color: #FF4500;
    border-radius: 50px 0px 0px 0px;
}

.about-us-section .vision-mission .box-2 {
    background-color: #0E1523;
    border-radius: 0px 0px 50px 0px;

}

/* Services-section */

/* section1 */

.service-section {
    background-image: url("../img/about-bg.jpg");
    background-position: center;
    background-size: contain;
    padding: 2em 2em;

}

.service-section .service-box {
    padding: 30px;
    color: white;
}

.service-section .service-box i {
    font-size: 3rem;
}

.service-section .service-box ul {
    list-style: none;
    padding: 0;
}

.service-section .service-row i {
    padding: 20px 0px 20px 0px;
}


.service-section .box1 {
    background-color: #FF4500;


}

.service-section .box2 {
    background-color: #DF362D;

}

.service-section .box3 {
    background-color: #FF8300;

}

.service-section .box4 {
    background-color: #B7AC44;

}

.service-section .box5 {
    background-color: #FF4500;

}

.service-section .box6 {
    background-color: #DF362D;

}

.service-section .box7 {
    background-color: #FF8300;

}

.service-section .box8 {
    background-color: #B7AC44;

}


.service-section .service-row {
    margin: 10px 0px 10px 0px;

}


/* Partner-section */

.partner-section {
    background-image: url("../img/partner-background.jpg");
    background-position: center;
    background-size: auto;
    padding: 4em 2em;
    color: white;
}

.partner-section .important a {
text-decoration: none;
color: white;

}

.partner-section .button-row button {
    width: 20rem;
    border: 0;
    padding: 1rem;
    border-radius: 50px;
    background-color: #FF8300;
    color: white;
}


.features-section {
    background-color: #F1FFFE;
    padding: 4em 2em;

}

.features-section .box {
    padding: 2%;
    width: 15em;
    border-radius: 1rem;
    color: white;

}

.features-section .box i {
    font-size: 3rem;

}

.features-section .box1 {
    background-color: #FF4500;
}

.features-section .box2 {
    background-color: #FF8300;
}

.features-section .box3 {
    background-color: #E52D27;
}

.features-section .box4 {
    background-color: #B7AC44;
}


/* advantage section */


.advantage-section {
    background-color: #FFFAF0;
    padding: 4em 2em;

}

.advantage-section ul li {
    margin: 10px 0px 10px 0px;

}


/* digital section */

.digital-section {
    padding: 5em 2em;

}

.digital-section .box1 p {
    font-size: 1em;
}

.digital-section .box1 h1 {
    font-size: 3em;
    font-style: italic;
    color: #FF8300;
}


.digital-section .box1 i {
    font-size: 1.6em;
    padding: 10px 10px 5px 5px;
    color: green;
}

.digital-section .box1 .points p {
    font-size: 2rem;
}

/*  mobile section  */


.mobile-section {
    padding: 4em 2em;
    background-color: #F1FFFE;
}


.mobile-section .box2 {
    padding: 4em 0em;

}

.mobile-section .box2 h1 {
    font-size: 3rem;

}

.mobile-section .box2 p {
    font-size: 1.5em;

}

.mobile-section .box2 ul {
    list-style: none;
    padding: 0;

}

.mobile-section .box2 ul li {
    font-size: 1.5rem;
    padding: 5px;

}

.mobile-section .box2 ul li i {
    color: #1B46A0;

}

/*  register section */

.register-section {
    padding: 3em 2em;
    background-image: linear-gradient(to right, #DF362D, #FF8300);
    color: white;
}

.register-section h1 {
    font-size: 3em;
 }

 .register-section .box2 button {
    border: 0;
    background-color: #FF8300;
    color: white;
    padding: 1rem 2rem;
    border-radius: 50px;
    
 }

/*  Registration Process  */

.registration-process {
    background-color: rgb(238, 238, 238);
    padding: 50px 10px 50px 5px;
}

.registration-process .process .box {
    padding: 15px 10px 10px 10px;
}

.registration-process .header h1 {
    color: #fd8e03;
    padding-top: 10px;
}

.registration-process .box-1 {
    background-color: #fd8e03;
    color: white;
    border-radius: 30px 0px 0px 0px;

}

.registration-process .box-2 {

    background-color: white;
}


.registration-process .box-3 {
    background-color: green;
    color: white;
    border-radius: 0px 30px 0px 0px;
}

.registration-process .button button {
    background-color: #fd8e03;
    color: white;
    border-radius: 15px;
    padding: 5px 20px 5px 20px;
    font-size: 25px;
    border: 0;
    margin-top: 30px;
}




/*   testimonial  */

.testimonial-section {
    padding: 5em 0em;

}



.testimonial-section .content h3 {
    font-size: 60px;
    font-weight: bold;
    color: white;

}

.testimonial-section .content p {
    font-size: 25px;
    font-weight: bold;
    color: white;



}

.testimonial-section .reviews-slide {
    background-color: #fd8e03;
    margin: 2em;
    color: white;

}

/* Partner Section */

.partner {
    padding: 50px 0px 50px 0px;
}

.partner h1 {
    padding: 0px 0px 20px 0px;
}

.owl-item {
    width: 10px;
    margin-right: 10px;
}



/* Footer Section  */

.footer-section {
    background-image: linear-gradient(to right, #FF4500, #DF362D);
    padding: 4em 2em;
    color: white;

}

.footer-section .brand img {

padding: 0em 0.2em;
background-color: white;
border-radius: 4em;
}

.footer-section .box2 p {
font-size: 0.8em;
}

.footer-section .row2 {
margin: 2rem 0rem;

}

.footer-section .row2 ul {
    list-style: none;
    padding: 0px 5px;
}

.footer-section .row2 ul li a{
text-decoration: none;
color: white;

}

.footer-section .row2 .box4 .social-links img {
width: 3rem;
margin: 10px;
}
/*------------------------   Contact us page  ------------------*/


.contact-main-container .container .row {

    padding: 3rem;
}

.contact-main-container .container .row .map iframe {
    width: 100%;
    height: 500px;
}


.contact-main-container .container .row .contact-details i {
    color: #fd7403;
    font-size: 2rem;
    margin: 10px 0px;
}

.contact-main-container .container .row .heading {
    display: block;
    align-items: center;

}

.contact-main-container .container .row .heading h1 {
    color: #fd7403;
    font-size: 50px;
    text-align: center;
}

/* -----------------------  Contact us page End *****************/







/* ----------------------- Start Commission Chart Page **************** */


.commission-main-container {
    padding: 3rem;
}

.commission-main-container .container .row .headings {
    display: block;
}

.commission-main-container .container .row .headings h1 {
    color: #fd7403;
    text-align: center;
    font-size: 50px;
}



/* ----------------------- END Commission Chart Page---------------- */



/* -----------------------Start Services Page------------------------*/



/* For every services page ------ */

.services-page-section {
    padding: 2rem;
}

.services-page-section .service-heading h1 {
    color: #1B46A0;
}

.services-page-section .service-heading p {
    padding: 15px;
}

.services-page-section .box{
    margin: 20px 0px;
}

/* End every services page ------ */




/*  Partner Page Section */

.partner-section .retailer-section img {
    padding: 50px 0px;
}

.partner-section .retailer-section h1 {

    color: #fd7403;
    font-size: 60px;

}

.partner-section .retailer-section button {
    font-size: 20px;
    border: 0;
    border-radius: 30px;
    padding: 5px 25px 5px 25px;
    background-color: #fd7403;
    color: white;
}

.partner-section .retailer-section button:hover {
    font-size: 18px;
}


/* ----------------Blog Category Page ------------ */


.blog-section {

    padding: 2rem;
}

.blog-section .blog {

    background-color:  #ebebeb;
    padding: 1rem;
    margin: 10px 0px;
}

.blog-section .blog .blogbutton {
    width: 10%;
    background-color: #fd7403;
    color: white;
    padding: 0.4rem;
    border-radius:  20px;
    border: 0;
}


.blog-section .blog a {
    text-decoration: none;
}

.blog-section .blog p {
    color: rgb(43, 43, 43);
}
/* -------------------  Regster Page ------------- */

.register .banner-slider {
    background: white;
    padding: 20px;


}

.register {

    background-image: url("../img/register-background.jpg");

}


.register .register-form-tab {

    background-color: white;
}



.register .choose-idpartner {
    background: #fd7403;
    color: white;
    padding: 15px;
    border-radius: 10px;
}


.register .choose-idpartner .radio-inline {
    background: white;
    color: black;
    padding: 7px;
    border-radius: 10px;
    margin: 5px;
}


.register .choose-wheresee {
    padding: 15px;
}

.register .choose-wheresee .radio-inline {
    padding: 7px;
    margin: 5px;
}

.register .button input {
    background-color: rgb(4, 114, 4);
    width: fit-content;
}

.register .form-group {
    margin-top: 10px;
}



/* -------------------- Mobile Service Page ********/

.service-mobile .row>h2 {

    color: #fd7403;
    font-size: 4rem;

}


.service-mobile .row ul li a {
    text-decoration: none;
    color: rgb(0, 62, 104);
}

.service-mobile .row h6 {
    margin-top: 20px;
}


.service-mobile .row ul {
    padding: 0px;
}

.service-mobile .row ul li {
    list-style: none;

    padding: 5px;
    box-shadow: inset 2px black;
}