/* sohit start css */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
:root{
    /* font */
    
    --font-effra:'Lato', sans-serif;
    --main-banner:64px;
    --content-heading:32px;
    --content-para:18px;
    --card-heading:28px;
    --card-para:18px;
    --font28:28px;

    /* color */
    
    --black-color:#262626;
    --red-color:#f26864;
    --gray-color:#999;

    /* padding */
    --px:0 20px;
    --py:20px 0;
    --py40:40px 0;
    --py50:50px 0;
    --py70:70px 0;

    /* margin */
    --mb0:0;
    --mt0:0;
    --mx20:0 20px;
    --my20:20px 0;
    --mb30:30px;
    --mt:30px;
    

}

body {
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;

}
* {
    margin: 0;
    padding: 0;
}

/* font face */
/* @font-face {
    src: url(../fonts/Effra-Light.ttf);
    font-family: 'Effra-Light';
}
@font-face {
    src: url(../fonts/Effra-Medium.ttf);
    font-family: 'Effra-Medium';
}
@font-face {
    src: url(../fonts/Effra-Bold.ttf);
    font-family: 'Effra-Bold';
}
@font-face {
    src: url(../fonts/Effra-Heavy.ttf);
    font-family: 'Effra-Heavy';
}
@font-face {
    src: url(../fonts/Effra-Italic.ttf);
    font-family: 'Effra-Italic';
} */


/************** navbar start **************/
/************** navbar start **************/
.ados-navbar{
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
}
.navbar-brand  img{
    width: 152px;
    height: 40px;
}
.ados-nav li .nav-link{
    letter-spacing: 1px;
    padding: 0 1em !important;
    font-size: 14px;
}
.ados-nav li .dropdown-menu{
    border: transparent;
    box-shadow: 0 4px 10px -2px rgba(0,0,0,.1);
}
.ados-nav li .dropdown-toggle::after{
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-size: .6rem;
    font-weight: bold;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    line-height: normal;
    border-top:transparent;
}
.nav-btn{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
}

.ados-nav .dropdown-item{
    padding: 10px;
}

/************** navbar end **************/
/************** navbar end **************/

/************** main button start **************/
/************** main button start **************/
.main-btn{
    display: inline-block;
    border-radius: 4px;
    background-color: #20252d;
    border: none;
    color: #FFF !important;
    text-align: center;
    font-size: 18px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    position: relative;
}
.main-btn .fa-angles-right{
   margin-left: -10px;
   opacity: 0;
   transition: all .5s ease-in-out;
}
.main-btn:hover .fa-angles-right{
    margin-left: 5px;
    opacity: 1;
    transition: all .5s ease-in-out;
}

/************** main button end **************/
/************** main button end **************/



/************** header start **************/
/************** header start **************/
.homeHeader .homeHeaderContent h1{
    color: var(--black-color);
    font-size: var(--main-banner);
    line-height: 72px;
    font-weight: 700;
    padding-bottom: 36px;
    margin-bottom: 0;
}
.homeHeader .homeHeaderContentImage img{
    margin-top: 35px;
}
.headerLeftImg img{
  width: 100%;
}
.homeHeaderContent{
    margin-left: 30%;
}


.sliderButtons{
    display: flex;
}

.mobile-header-img{
    display: none;
}

.red-navbar{
    background-color: #f26864;
    color: #fff;
}
.red-navbar ul li a{
    color: #fff;

}
.red-navbar ul li a:hover{
    color: #fbf41c;

}
/************** header end **************/
/************** header end **************/


/************** slider section start **************/
/************** slider section start **************/
.sliderSection{
   padding: var(--py70);
}
.mobileImagesCarousel{
    background-image: url("/images/mobile-back-505x1024.png ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:30px 15px;
}
.sliderSectionContent h2{
    color: var(--black-color);
    font-size: var(--content-heading);
    margin-bottom: 20px;
}
.sliderSectionContent p{
    font-size: var(--content-para);
    color: var(--gray-color);
    line-height: 36px;
}
.sliderButtons{
    margin-top: 30px;
}
/************** slider section end **************/
/************** slider section end **************/



/************** service section start **************/
/************** service section start **************/
.servicesSection{
    padding: var(--py70);
    background-color: #f7f8fa ;
}

.servicesContent h2{
    color: var(--black-color);
    font-size: var(--content-heading);
    text-align: center;
    margin-bottom: 30px;
}
.servicesContent p{
    color: var(--gray-color);
    font-size: var(--content-para);
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
}
.servicesCard{
    display: flex;
    justify-content: space-between;  
    padding: 24px;
    text-align: center;
    box-shadow: 0 0 2em 0em rgba(0,0,0,.1);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 10px;
    height: 100%;
    transition: all 0.5s linear;
}
.servicesCard:hover{
    transition: all 0.5s linear;
    transform: scale(1.05);
}
.serviceCardContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
}
.serviceCardContent img{
    width: 150px;
    height: 150px;
}
.serviceCardContent h2{
    color: #3a3a3a;
    font-size: var(--card-heading);
    margin: 20px 0;
}
.serviceCardContent p{
    color: var(--gray-color);
    font-size: var(--card-para );
    text-align: center;
    margin-bottom: 20px;
}
.serviceCardContent a{
    text-decoration: none;
    font-weight: 600;
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items:center;
}
/************** service section end **************/
/************** service section end **************/


/************** about section start **************/
/************** about section start **************/
.aboutSection{
    padding: var(--py70);
}
.about-usImg{
    background-image: url("images/mobile-back-505x1024.png");
    display: flex;
    justify-content: center;
    align-items: center;
}
.aboutUsContent h2{
    font-size: var(--content-heading);
    margin-bottom: var(--mb30);
    color: var(--black-color);
}
.aboutUsContent p{
    font-size: var(--content-para);
    line-height: 35px;
    color: var(--gray-color);
}
/************** about section end **************/
/************** about section end **************/


/************** workplace section start **************/
/************** workplace section start **************/
.workplaceSection{
    padding: var(--py70);
}
.workplaceSectionContent img{
    margin-bottom: var(--mb30);
}
.workplaceSectionContent h2{
    font-size: var(--content-heading);
    margin-bottom: var(--mb30);
    color: var(--black-color);
}
.workplaceSectionContentPoints ul li{
    color:var(--gray-color)
}
.workplaceSectionContent p{
    font-size: var(--content-para);
    color:var(--gray-color)
}
.workplaceSectionContent a{
    color: var(--black-color);
    text-decoration: none;
}
.workplaceSectionContent a:hover{
    color: var(--red-color);
}
/************** workplace section end **************/
/************** workplace section end **************/


/************** client images section start **************/
/************** client images section start **************/

.clientImagesSection {
    padding: var(--py70);
    background-color: #f9f9f9 ;
}
.clinetImages{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.clinetImages img{
    filter: grayscale(100%);
    cursor: pointer;
    transition: all .3s;
    opacity: 0.2;
    aspect-ratio: 3/2;
    width: 75%;
    object-fit: contain;
}
.clinetImages img:hover{
    filter: grayscale(0%);
    opacity: 1;
}
.clinetImages span{
    display: none;
    margin-top: 5px;
    font-size: 12px;
    padding: 3px 10px;
    background-color: #000;
    color: #fff;
    border-radius: 8px;
    position: absolute;
    bottom: 0;
}
.clinetImages:hover span{
    display: block;
} 
/************** client images section end **************/
/************** client images section end **************/


/************** enoughAboutUs section start **************/
/************** enoughAboutUs section start **************/
.enoughAboutUs{
    padding: var(--py70);
    background-color: #f26e6a;
}
.enoughAboutUsHeading h2{
    color: #fff;
    font-size: var(--content-heading);
}
.enoughAboutUsContent{
    display: flex;
}
.enoughAboutUsContent{
    padding: 30px 0;
    border-bottom: 1px solid #fff ;
}
.enoughAboutUsContent p{
    margin-left: 20px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.enoughAboutUsContent a{
    display: flex;
    text-decoration: none;
}
/************** enoughAboutUs section end **************/
/************** enoughAboutUs section end **************/


/************** product Section start **************/
/************** product Section start **************/
.productSection{
    padding: var(--py70);
}
.productSectionContent{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.productSectionContent h2{
    font-size: var(--content-heading);
    margin:  0;
    color: var(--black-color);
}
.productSectionContent p{
    margin-top: 10px;
    font-size: var(--content-para);
    color: var(--gray-color);
}
.productCard{
    display: flex;
    padding: 12px;
    text-align: center;
    box-shadow: 0 0 2em 0em rgba(0,0,0,.1);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 10px;
    height: 100%;
}
.productCard:hover{
    transition: all 200ms ease;
    transform: scale(1.05);
}
.productCardContent{
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.productCardContent img{
    width: 100%;
    height: auto;
}
.productCardContent p{
    margin-top: 24px;
    font-size: var(--card-para);
}
.productCardContent h3{
    font-weight: 400;
    margin: 16px 0;
    font-size: 20px;
    color: var(--black-color);

}
.productCardContent a{
    margin-top: auto;
    text-decoration: none;
    color: var(--red-color);
    font-size: 20px;
    font-weight: bold;
}
/************** product Section end **************/
/************** product Section end **************/


/************** more products start **************/
/************** more products start **************/
.moreProducts{
    padding: var(--py70);
}
.moreProductsTitle h2{
    font-size: var(--content-heading);
    text-align: center;
    margin-bottom: 50px;
}
.wpBuinsessCard{
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 2em 0em rgb(0 0 0 / 10%);
    border-radius: 18px;
    margin: 0 20px;
}
.wpBuinsessCard h2{
    font-size: var(--card-heading);
    margin: 20px 0;
    font-weight: bold;
}
.wpBuinsessCard a{
    font-size: var(--card-para);
    color: #808080;
    
}
.arCard{
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 2em 0em rgb(0 0 0 / 10%);
    border-radius: 18px;
    margin: 0 20px;
}
.arCard h2{
    font-size: var(--card-heading);
    margin: 20px 0;
    font-weight: bold;
}
.arCard a{
    font-size: var(--card-para);
    color: #808080;
}
/************** more products end **************/
/************** more products end **************/



/************** service page start **************/
/************** service page start **************/

.service_header{
    background-image: url(../images/cover-page-2.jpg);
    padding:7% 0;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    position: relative;
    background-size: cover;
}

.service_header h2{
    font-size: var(--content-heading);
    font-family: var(--font-effra);
    text-align: center;
    margin-bottom: 30px;
}
.service_header p{
    text-align: center;
    font-size: var(--content-para)
}
.service_header h6{
    text-align: center;
    color: var(--red-color);
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 24px;
}
.service-section{
    padding: var(--py70);
    position: relative;
}
.service-section .service-details{
    border-left: 3px solid #ff645a;
    padding-left: 5%;
    margin-bottom: 40px;
}
.service-section .service-details h2{
    font-size: var(--content-heading);
    font-size: 3rem;
    color: var(--red-color);
    font-weight: bold;
    margin-bottom: 30px;
}
.service-section .service-details p{
    font-size: var(--content-para);
    color: var(--black-color);
    margin-bottom: 20px;
}
.service-section .service-details ul li{
    font-size: var(--content-para);
    color: var(--gray-color);
}
.service-section .getin-touch{
    font-size: var(--content-heading);
    font-size: 2rem;
    color: var(--red-color);
    font-weight: bold;
    margin-bottom: 30px;
    text-decoration: none;
}

.help-section{
    position: relative;
    padding: 7% 0;
    background-color: #f7f7f7;   
}
.help-section h2{
    font-size: var(--content-heading);
    font-size: 2rem;
    font-weight: bold;
    /* margin-bottom: 30px; */
    color:var(--black-color);
}
/************** service page end **************/
/************** service page end **************/


/************** transform-section start **************/
/************** transform-section start **************/
.transform-section{
    padding: var(--py70);
    position: relative;
}
.transform-section .transform-detail{
    font-size: var(--content-heading);
}
.transform-section .transform-detail h6{
    color: var(--red-color);
    text-align: center;
}
.transform-section .transform-detail h2{
    color: var(--black-color);
    text-align: center;
    margin-bottom: 70px;
}
.transform-section .transform-detail p{
    font-size: var(--content-para);
    color: var(--black-color);
    margin-bottom: 20px;
}
.transform-section .transform-detail ul li{
    font-size: var(--content-para);
    color: var(--gray-color);
}

.transform-section .transform-form input[type=text]{
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background: #fafafa;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}
.transform-section .transform-form .form-control{
    padding: 12px;
}

.involvement-section{
    background-color: #f6f6f6;
}
.involvement-section .involvement-img1{
    padding-top: 0px;
    background-image: url(../images/transform-img1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    max-width: 100%;
}
.involvement-section .involvement-img2{
    padding-top: 0px;
    background-image: url(../images/transform-img2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    max-width: 100%;
}
.involvement-section .involvement-img3{
    padding-top: 0px;
    background-image: url(../images/transform-img3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.involvement-section .involvement-detail{
    padding: 40px 60px;
}
.involvement-section .involvement-detail h6{
    color: var(--red-color);
    margin-bottom: 24px;
}
.involvement-section .involvement-detail h2{
    color: var(--black-color);
    margin-bottom: 35px;
}
.involvement-section .involvement-detail p{
    font-size: 18px;
    color: var(--black-color);
    font-weight: 400;
}
.involvement-section .involvement-detail ul{
    padding-left: 0;
    margin-top: 20px;
}
.involvement-section .involvement-detail ul li{
    font-size: var(--content-para);
    color: var(--gray-color);
    margin-bottom: 20px;
    list-style: none;
    display: flex;
}
.involvement-section .involvement-detail ul li img{
    width: 24px;
    height: 24px;
    margin-right: 13px;
    margin-top: 3px;
}
.involvement-point img{
    width: 40px;
}
.involvement-point h4{
    font-size: var(--content-para);

    color: var(--black-color);
    margin: 20px 0;
}
.involvement-point p{
    font-size: var(--content-para);
    color: var(--gray-color);
}

/************** transform-section end **************/
/************** transform-section end **************/


/************** key feature strat **************/
/************** key feature strat **************/
.key-feature-section{
    padding: 50px 0;
 }
.key-features-icon{
    margin-bottom: 20px;
}
.key-feature-heading h2{
    font-size: var(--card-heading);
    margin-bottom: 20px;
}
.key-feature-content p{
    font-size: var(--card-para);
    color: #999;
}
/************** key feature end **************/
/************** key feature end **************/


/************** help section start **************/
/************** help section start **************/
.help-section{
    padding: 50px 0;
    background-color: #f7f8fa;
}
.help-section-content{
    display: flex;
    justify-content: space-between;
}
.help-section-content h2{
    font-size: var(--content-heading);
}
/************** help section end **************/
/************** help section end **************/


/************** feature-section strat **************/
/************** feature-section strat **************/


.feature-section, .newsfeed-section, .videocall-section, .comments-Section, .poll-section{
    padding: var(--py50);
 }
 
.feature-section h2{
    font-size: var(--content-heading);
}
.feature-section p{
    font-size: var(--content-para);
    margin: 20px 0;
    color: #808080;
}
.featureSectionHeading h2{
    text-align: center;
    margin-bottom: 50px;
    font-size: var(--content-heading);
 }
 .featureContent a{
    text-decoration: none;
    color : #000;
    font-size: var(--content-para);

 }
 .featureContent a:hover{
    color: #ff645a;
 }
 .featureSection .featureContent .main-btn{
    margin-top: 30px;
 }

 

 .newsfeed-section img{
    margin-top: 40px;
 }

 .broadcasting-section{
    position: relative;
    background-color: #fff;
    padding: var(--py50);
    z-index: 1;
 }
 .broadcasting-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}

.Knowledge-section{
    position: relative;
    background-color: #fff;
    padding: var(--py50);
    z-index: 1;
}
.Knowledge-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
.engage-section{
    padding: var(--py70);
}
.engage-section img{
    margin-top: 40px;
}
.work-chat-section{
    position: relative;
    background-color: #fff;
    padding: var(--py50);
    z-index: 1;
}
.work-chat-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
.multi-group-section{
    position: relative;
    background-color: #fff;
    padding: var(--py50);
    z-index: 1;
}
.multi-group-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
.reactions-section{
    position: relative;
    background-color: #fff;
    padding: var(--py50);
    z-index: 1;
}
.reactions-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}

.surveys-section{
    position: relative;
    background-color: #fff;
    padding: var(--py50);
    z-index: 1;
}
.surveys-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
.work-chat-section p, .multi-group-section p, .reactions-section p, .surveys-section p, .broadcasting-section p, .featureContent p{
    color: #999;
}
.engagegroupsection{
    background-color: #fff;
    padding: var(--py50);
}





/************** feature-section end **************/
/************** feature-section end **************/


/************** communication-section strat **************/
/************** communication-section strat **************/

.communication-section{
    padding: 50px 0;
}
.Reach-people-section, .capture-section{
    position: relative;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
}
.Reach-people-section::before, .capture-section::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}



.communication-section:nth-child(odd){
    background-color: #f7f8fa;
}
.communication-content h2{
    font-size: var(--content-heading);
    margin-bottom: 20px;
}
.communication-content p{
    font-size: var(--content-para);
    color: #808080;
}
/************** communication-section end **************/
/************** communication-section end **************/


/************** collaboration-section strat **************/
/************** collaboration-section strat **************/

.collaboration-section{
    padding: 50px 0;
    background-color: #fff;
}
.collaboration-section:nth-child(odd){
    background-color: #f7f8fa;
}
.collaboration-content h2{
    font-size: var(--content-heading);
    margin-bottom: 20px;
}
.collaboration-content p{
    font-size: var(--content-para);
    color: #808080;
}
.accessible-section{
    position: relative;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
}
.accessible-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}

.feedback-section{
    position: relative;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
}

.feedback-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
.conversation-section{
    position: relative;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
}
.conversation-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
/************** collaboration-section end **************/
/************** collaboration-section end **************/


/************** connection-section start **************/
/************** connection-section start **************/
.connection-section{
    padding: 50px 0;
}
.connection-section:nth-child(odd){
    background-color: #f7f8fa;
}
.connection-content h2{
    font-size: var(--content-heading);
    margin-bottom: 20px;
}
.connection-content p{
    font-size: var(--content-para);
    color: #808080;
}
.platform-section{
    position: relative;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
}
.platform-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
.colleagues-section{
    position: relative;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
}
.colleagues-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
.connect-section{
    position: relative;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
}
.connect-section::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 70%;
    background-color: #f7f8fa;
    right: 0;
    top: 0;
    z-index: -100;
}
/************** connection-section end **************/
/************** connection-section end **************/


/************** connect page start **************/
/************** connect page start **************/
.member-section{
    padding: var(--py70);
}
.member-section .member-details h2{
    font-size: 45px;
    color: var(--black-color);
    text-align: center;
    margin-bottom: 35px;
    font-weight: bold;
}
.member-section .member-details h4{
    font-size: 32px;
    color:var(--red-color);
    text-align: center;
    margin-bottom: 35px;
}
.member-section .manage-box {
    text-align: center;
    padding: 0 15px;
    margin-bottom: 30px;
}
.member-section .manage-box img{
    max-width: 45px;
}
.member-section .manage-box h3{
    font-size: 20px;
    margin: 20px 0;
}
.member-section .manage-box p{
    font-size: 15px;
    color: var(--gray-color);
}


/************** contnectpage end **************/
/************** contnectpage end **************/
.contact-section{
    padding: var(--py70);
    background-color: #f7f8fa;
}
.contact-section .contact-details h2{
    font-size: var(--content-heading);
    color: var(--black-color);
}
.contact-section .contact-details p{
    font-size: var(--content-para);
    color: var(--gray-color);
}
.contact-section .contact-form .form-control{
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background: #fff;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    padding: 0.5rem 0.75rem;
}

.contact-address{
    padding: var(--py70);
}
.contact-address .address-detail h2{
    font-size: var(--content-heading);
    color: var(--black-color);
}
.contact-address .address-detail p{
    font-size: var(--content-para);
    color: var(--gray-color);
}
.contact-address .address-detail a{
    text-decoration: none;
    color: var(--gray-color);
    font-size: var(--content-para);
}
.contact-address .address-detail a:hover{
    color: var(--red-color);
}

/* ebook section */
.ebook-section{
    padding: var(--py70);
}
.ebook-section .ebook-details{
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    padding: 20px;
}
.ebook-section .ebook-details h2{
    margin: 20px 0;
    font-size: 24px;
    color: var(--black-color);
    font-weight: 700;
}
.ebook-section .ebook-details p{
    font-size: var(--content-para);
    color: var(--gray-color);
}
.ebook-section .ebook-details:hover{
    box-shadow: 0 0 3em 0em rgba(0,0,0,.1);
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}
.ebook-section .ebook-details a{
    text-decoration: none;
}




/************** footer start **************/
/************** footer start **************/

.footer{
    padding: 50px 0;
    background-color: #262626;
}
.footerContent h2{
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
}
.footerContent p{
    color: #808080;
    font-size: var(--content-para);
}
.footerContent a{
    text-decoration: none;
    font-size: var(--content-para);
    color: #fff;
    margin: 2px 0;
    color: #808080;
    display: flex;
    margin-bottom: 10px;
}
.footerContent a:hover{
    color: var(--red-color);
}

.footerContent img{
    margin-right: 10px;
}
.footerContent .copyright{
    text-align: center;
    font-size: 16px;
    border-top: 1px solid #525252;
    padding-top: 24px;
}

/************** footer end **************/
/************** footer end **************/


/* ebook section start */
/* .ebook-form{
    padding:30px;
} */
.ebook-detail{
    position:relative;
    text-align: center;
    margin-bottom: 60px;
}
.ebook-detail h2{
    font-size: 36px;
    color: var(--black-color);
    font-weight: 700;
    margin-bottom: 20px;
}
.ebook-form h2{
    font-size: 24px;
    color: var(--black-color);
    font-weight: 700;
    margin-bottom: 20px;
}
.ebook-detail p{
    font-size: var(--content-para);
    color: var(--gray-color);
}