/* root section */
:root{--main-bg:radial-gradient(#08c3f2, #200070);--primary-color:#555;--para-color: #575757;--secondary-color:#739AB4;--territiary-color:#192026;--other-color:#0d1329;--lt-bg-color:#afafaf;--heading-color: #022D62;--btn-color: #24326C;--btn-hover:#19082B;--sec-line:#FD3358;--white-color:#fff;--black-color:#000;--lt-color:#e8e6dd;--dark-color:#131413;--primary-font: "Raleway", sans-serif, serif;--secondary-font: "Raleway", sans-serif, serif;--other-font: "Raleway", sans-serif, serif;--lt-font:"gtx-light";--para-font:'Raleway', sans-serif;--f1:1px;--f2:2px;--f3:3px;--f4:4px;--f5:5px;--f6:6px;--f7:7px;--f8:8px;--f9:9px;--f10:10px;--f11:11px;--f12:12px;--f13:13px;--f14:14px;--f15:15px;--f16:16px;--f17:17px;--f18:18px;--f19:19px;--f20:20px;--f21:21px;--f22:22px;--f23:23px;--f24:24px;--f25:25px;--f26:26px;--f27:27px;--f28:28px;--f29:29px;--f30:30px;--f31:31px;--f32:32px;--f33:33px;--f34:34px;--f35:35px;--f36:36px;--f37:37px;--f38:38px;--f39:39px;--f40:40px;--f41:41px;--f42:42px;--f43:43px;--f44:44px;--f45:45px;--f46:46px;--f47:47px;--f48:48px;--f49:49px;--f50:50px;--f51:51px;--f52:52px;--f53:53px;--f54:54px;--f55:55px;--f56:56px;--f57:57px;--f58:58px;--f59:59px;--f60:60px;--f70:70px;--f75:75px;--f80:80px;--f85:85px;--f90:90px;--p1:1px;--p2:2px;--p3:3px;--p4:4px;--p5:5px;--p6:6px;--p7:7px;--p8:8px;--p9:9px;--p10:10px;--p11:11px;--p12:12px;--p13:13px;--p14:14px;--p15:15px;--p16:16px;--p17:17px;--p18:18px;--p19:19px;--p20:20px;--p21:21px;--p22:22px;--p23:23px;--p24:24px;--p25:25px;--p26:26px;--p27:27px;--p28:28px;--p29:29px;--p30:30px;--p31:31px;--p32:32px;--p33:33px;--p34:34px;--p35:35px;--p36:36px;--p37:37px;--p38:38px;--p39:39px;--p40:40px;--p41:41px;--p42:42px;--p43:43px;--p44:44px;--p45:45px;--p46:46px;--p47:47px;--p48:48px;--p49:49px;--p50:50px;--p51:51px;--p52:52px;--p53:53px;--p54:54px;--p55:55px;--p56:56px;--p57:57px;--p58:58px;--p59:59px;--p60:60px;--p61:61px;--p62:62px;--p63:63px;--p64:64px;--p65:65px;--p66:66px;--p67:67px;--p68:68px;--p69:69px;--p70:70px;--p71:71px;--p72:72px;--p73:73px;--p74:74px;--p75:75px;--p76:76px;--p77:77px;--p78:78px;--p79:79px;--p80:80px;--p81:81px;--p82:82px;--p83:83px;--p84:84px;--p85:85px;--p86:86px;--p87:87px;--p88:88px;--p89:89px;--p90:90px;--p91:91px;--p92:92px;--p93:93px;--p94:94px;--p95:95px;--p96:96px;--p97:97px;--p98:98px;--p99:99px;--p100:100px;--p120:120px;--m1:1px;--m2:2px;--m3:3px;--m4:4px;--m5:5px;--m6:6px;--m7:7px;--m8:8px;--m9:9px;--m10:10px;--m11:11px;--m12:12px;--m13:13px;--m14:14px;--m15:15px;--m16:16px;--m17:17px;--m18:18px;--m19:19px;--m20:20px;--m21:21px;--m22:22px;--m23:23px;--m24:24px;--m25:25px;--m26:26px;--m27:27px;--m28:28px;--m29:29px;--m30:30px;--m31:31px;--m32:32px;--m33:33px;--m34:34px;--m35:35px;--m36:36px;--m37:37px;--m38:38px;--m39:39px;--m40:40px;--m41:41px;--m42:42px;--m43:43px;--m44:44px;--m45:45px;--m46:46px;--m47:47px;--m48:48px;--m49:49px;--m50:50px;--m51:51px;--m52:52px;--m53:53px;--m54:54px;--m55:55px;--m56:56px;--m57:57px;--m58:58px;--m59:59px;--m60:60px;--m61:61px;--m62:62px;--m63:63px;--m64:64px;--m65:65px;--m66:66px;--m67:67px;--m68:68px;--m69:69px;--m70:70px;--m71:71px;--m72:72px;--m73:73px;--m74:74px;--m75:75px;--m76:76px;--m77:77px;--m78:78px;--m79:79px;--m80:80px;--m81:81px;--m82:82px;--m83:83px;--m84:84px;--m85:85px;--m86:86px;--m87:87px;--m88:88px;--m89:89px;--m90:90px;--m91:91px;--m92:92px;--m93:93px;--m94:94px;--m95:95px;--m96:96px;--m97:97px;--m98:98px;--m99:99px;--m100:100px;}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1; 
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--heading-color); 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--btn-color); 
}
/* root section ends */
body{
padding: 0;
margin: 0;
}
a{
text-decoration: none;
}
.ask-btn{
    background: var(--btn-color);
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid var(--btn-color);
    transition: .5s ease-in-out;
    color: var(--white-color);
}
.modal-header{
position: absolute;
right: 0;
border: none;
z-index: 3;
}
.modal-body h3{
font-size: 24px;
color: var(--heading-color);
}
.modal-body .card-body{
background: transparent;
}
.modal-body .card-body .col-md-12{
padding: 0;
}
.modal-body .card-body .col-md-12 input{
background: #EFF0F6;
margin-bottom: 20px;
}
.modal-body .card-body .form-group textarea{
background: #EFF0F6;
margin-bottom: 20px;
}
/*loader*/
/* loader */
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images/loader.gif), #fff;
/* background-size: cover; */
background-position: center;
background-repeat: no-repeat;
}
a{
text-decoration: none;
font-family: var(--primary-font);
}
.row{
margin-left: 0px;
margin-right: 0px;
}
ul, li{
list-style: none;
margin-bottom: 0px;
padding-left: 0px;
font-family: var(--primary-font);
font-size: var(--f14);
}
p{
font-family: var(--primary-font);
font-size: var(--f14);
line-height: 30px;
letter-spacing: 0.05em;
}
html{
overflow-x: hidden;
}
button{
font-family: var(--secondary-font);
}
input{
font-family: var(--secondary-font);
}
h1{
font-size: var(--f50);
line-height: 1.3;
font-weight: 700;
margin-bottom: var(--m30);
font-family: var(--secondary-font);
}
h2{
font-size: var(--f35);
line-height: 1.3;
font-weight: 700;
margin-bottom: var(--m10);
font-family: var(--secondary-font);
}
h3{
font-size: var(--f32);
line-height: 1.3;
font-weight: 700;
margin-bottom: var(--m15);
font-family: var(--secondary-font);
}
h4{
font-size: var(--f28);
line-height: 1.3;
font-weight: 700;
margin-bottom: var(--m15);
font-family: var(--secondary-font);
}
h5{
font-size: var(--f24);
line-height: 1.3;
font-weight: 700;
margin-bottom: var(--m20);
font-family: var(--secondary-font);
}
h6{
font-size: var(--f22);
line-height: 1.3;
font-weight: 700;
margin-bottom: var(--m20);
font-family: var(--secondary-font);
}
pre, sub{
font-family: var(--primary-font);
font-size: var(--f12);
}
table{
font-family: var(--primary-font);
font-size: var(--f16);
}
span {
font-family: var(--secondary-font);
}
/* main header start */
.top-head{
margin: 0;
background: linear-gradient(195deg, #086ad8 0%, #42b9ff 100%);
padding: 10px !important;
}
.top-head .cont{
color: var(--white-color);
font-family: var(--primary-font);
color: #fff9e3;
font-size: 14px;
}
header.desktop {
position: fixed;
top: 0;
width: 100%;
z-index: 9;
}
header.desktop .logo{
width: 90px;
}
header.desktop ul.head-links{
display: flex;
gap: 30px;
height: 100%;
justify-content: center;
align-items: center;
margin-bottom: 0;
}
header.desktop ul.head-links li{
list-style: none;
position: relative;
}
header.desktop ul.head-links li::before{
content: '';
position: absolute;
width: 0px;
height: 1.52px;
bottom: 0px;
background: var(--btn-color);
transition: .5s ease-in-out;
border-radius: 30px;
}
header.desktop ul.head-links li:hover::before{
width: 100%;
}
header.desktop .bottom-header{
padding: 0;
border-bottom: 1px solid #ffffff24;
background: #ffffffd9;
}
header.desktop ul.head-links li a{
color: var(--btn-color);
font-family: var(--other-font);
text-transform: capitalize;
font-size: 17px;
font-weight: 500;
}
header.desktop .contact-btn{
border: #24326C 1px solid;
padding: 10px 20px;
background: var(--btn-color);
background: linear-gradient(195deg, #086ad8 0%, #42b9ff 100%);
color: var(--white-color);
font-family: var(--other-font);
transition: .4s ease-in-out;
border-radius: 30px;
}
header.desktop .contact-btn:hover{
background: transparent;
border: 1px solid var(--btn-color);
color: var(--btn-color);
}
header.desktop .col-2{
display: flex;
justify-content: center;
align-items: center;
background: transparent;
padding: 10px;
}
header.sticky .bottom-header{
transition: .5s ease-in-out;
background: var(--white-color);
}
header.sticky ul.head-links li a{
color: var(--btn-color);
}
header.sticky ul.head-links li::before{
background: var(--btn-color);
}
/* main header ends */
/* section video banner */
section.video-banner{
height: 100%;
padding: 0;
position: relative;
}
.banner-img{
width: 100%;
height: 100%;
object-fit: cover;
}
section.video-banner .video-cont{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.14);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin-left: 0;
padding: 0 65px;
}
section.video-banner .col-8.headine{
text-align: left;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}
section.video-banner .col-8.headine p{
text-align: left;
}
section.video-banner .video-cont .text-blob {
font-size: 52px;
color: #fff;
text-shadow: 0 0 5px var(--black-color);
font-family: var(--secondary-font);
font-weight: 700;
}
section.video-banner .video-cont .text-blob span{
-webkit-text-stroke: 1px #fff;
-webkit-text-fill-color: transparent;
text-shadow: none;
}
.video-cont p {
color: var(--lt-color);
text-transform: capitalize;
font-size: var(--f16);
margin-bottom: 20px;
text-shadow: 0 0 5px var(--black-color);
position: relative;
display: inline;
}
/* .video-cont p::before{
content: '';
position: absolute;
width: 50px;
height: 2px;
background: #26b2e0;
top: 10px;
left: -56px;
} */
section.video-banner .video-cont .container{
position: relative;
z-index: 2;
}
section.video-banner video{
width: 100%;
height: 100%;
object-fit: cover;
}
section.video-banner .form-sec {
background: #c9ecffa1;
padding: 20px;
border-radius: 25px;
border: 1px solid #fff;
}
section.video-banner .form-sec input{
width: 100%;
margin-bottom: 20px;
padding: 10px;
border-radius: 10px;
border: none;
}
section.video-banner .form-sec textarea{
width: 100%;
margin-bottom: 20px;
padding: 10px;
border-radius: 10px;
border: none;
}
.scroll .chevron {
position: absolute;
width: 28px;
height: 8px;
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
animation: move 3s ease-out infinite;
}
.scroll .chevron:first-child {
animation: move 3s ease-out 1s infinite;
}
.scroll .chevron:nth-child(2) {
animation: move 3s ease-out 2s infinite;
}
.scroll .chevron:before,
.scroll .chevron:after {
content: ' ';
position: absolute;
top: 0;
height: 100%;
width: 51%;
background: var(--white-color);
}
.scroll .chevron:before {
left: 0;
transform: skew(0deg, 30deg);
}
.scroll .chevron:after {
right: 0;
width: 50%;
transform: skew(0deg, -30deg);
}
@keyframes move {
25% {
opacity: 1;
}
33% {
opacity: 1;
transform: translateY(30px);
}
67% {
opacity: 1;
transform: translateY(40px);
}
100% {
opacity: 0;
transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
}
}
.scroll .text {
display: block;
margin-top: 75px;
margin-left: -30px;
font-family: var(--primary-font);
font-size: var(--f12);
color: var(--white-color);
text-transform: uppercase;
white-space: nowrap;
opacity: 1;
animation: pulse 2s linear alternate infinite;
}
@keyframes pulse {
to {
opacity: 1;
}
}
.video-cont .scroll{
position: absolute;
bottom: 10px;
/* display: none; */
width: 100%;
display: flex;
justify-content: center;
}
.main-btn{
background: var(--btn-color);
padding: 10px 20px;
border-radius: 30px;
border: 1px solid var(--btn-color);
transition: .5s ease-in-out;
color: var(--white-color);
}
.main-btn:hover{
background: transparent !important; 
color: var(--btn-color) !important;
}

/* services section */
/* process section */
section.featured-pro {
position: relative;
background: radial-gradient(circle at 88% 39%, rgb(242, 248, 254), rgba(242, 248, 254, 0) 125%);
background-attachment: fixed;
background-size: cover;
padding: 60px 12px;
}
section.featured-pro .main{
position: relative;
}
section.featured-pro .head-sec {
text-align: center;
margin-bottom: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 30px;
}
section.featured-pro .head-sec h2{
background: linear-gradient(to right, #542784 10%, #307faf 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
font-family: var(--secondary-font);
font-size: 42px;
font-weight: 800;
}
section.featured-pro .head-sec p{
color: var(--btn-color);
font-size: 16px;
width: 100%;
}
section.featured-pro .row{
gap:20px 0;
justify-content: center;
}
section.featured-pro .main-prop {
position: relative;
overflow: hidden;
width: 33%;
}
section.featured-pro .pro-sec{
position: relative; 
}
section.featured-pro .main-prop h4{
font-size: 18px;
color: #fff;
}
section.featured-pro img.img-fluid {
width: 100%;
height: 450px;
object-fit: cover;
position: relative;
-webkit-transition: 0.5s all;
-ms-transition: 0.5s all;
transition: 0.5s all;
}
section.featured-pro .main-prop:hover img{
transform: scale(1.14);
}
section.featured-pro .pro-img a:before{
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
section.featured-pro .pro-img a{
position: relative;
overflow: hidden;
-webkit-transition: 0.5s all;
-ms-transition: 0.5s all;
transition: 0.5s all;
border-radius: 10px 10px 0 0;
display: block;
}
section.featured-pro .pro-cont {
display: flex;
flex-direction: column;
justify-content: center;
padding: var(--p24);
background: #000000c2;
position: absolute;
bottom: -223px;
width: 75%;
z-index: 1;
transition: all 0.7s;
}
section.featured-pro .pro-cont .view-more{
color: var(--white-color);
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
background: var(--white-color);
padding: 10px;
border-radius: 10px;
color: var(--btn-color);
}
section.featured-pro .pro-cont .view-more i{
background: var(--btn-color);
padding: 10px;
border-radius: 8px;
color: #fff;
/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
}
section.featured-pro .line {
text-align: center;
height: 1px;
width: 60px;
background-color: rgba(255, 255, 255, 0.6);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
margin: 10px 0;
}
section.featured-pro .main-prop:hover .line{
width: 97%;
transition-property: all;
transition-duration: 0.8s;
transition-timing-function: ease-in-out;
}
section.featured-pro a{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
section.featured-pro .single ul{
justify-content: flex-start;
gap: 40px;
}
section.featured-pro .single .pro-img {
height: 550px;
}
section.featured-pro .single .pro-img img{
height: 550px;   
}
section.featured-pro .single {
margin-top: var(--m40);
}
section.featured-pro .single a{
top: 27px;
}
section.featured-pro .single .pro-cont{
width: 98%;
}
section.featured-pro .main-prop:hover .pro-cont {
bottom: 0;
}
section.featured-pro .pro-cont h6 {
-webkit-text-stroke: 1px #ffffff8f;
-webkit-text-fill-color: transparent;
text-shadow: none;
font-size: 50px;
font-family: var(--secondary-font);
font-weight: 500;
}
section.featured-pro h3.title {
font-size: var(--f26);
line-height: 1.2;
font-weight: 500;
color: var(--white-color);
margin-bottom: var(--m11);
font-family: var(--secondary-font);
}
section.featured-pro h3.title a{
color: var(--heading-color);
}
section.featured-pro p.adr {
font-size: var(--f14);
opacity: .85;
font-family: var(--other-font);
letter-spacing: 1px;
color: var(--white-color);
margin-bottom: var(--m20);
line-height: 1.5;
height: 210px;
overflow:hidden;
}
section.featured-pro ul {
margin: 0 0 0px;
padding: var(--p20) var(--p20) var(--p15);
padding-left: 0;
padding-top: 3px;
padding-right: 0;
font-size: var(--f14);
align-items: center;
display: flex;
justify-content: space-between;
}
section.featured-pro i {
margin-right: 0;
}
section.featured-pro p.adr i{
margin-right:8px;
}
section.featured-pro ul li{
font-size: var(--f14);
color: var(--white-color);
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}
section.featured-pro .pro-img {
position: relative;
overflow: hidden;
height: 450px;
}
section.featured-pro .featured i{
margin-right: 0;
cursor: pointer;
}
section.featured-pro .featured span {
font-weight: 400;
font-size: var(--f18);
color: var(--white-color);
background-color: transparent;
padding: var(--p7) var(--p15);
display: inline-block;
border-radius: 5px;
transform: rotate(-90deg);
letter-spacing: .2em;
border: 1px solid;
}
section.featured-pro .featured{
position: absolute;
top: 50px;
right: -10px;
z-index: 0;
}
/* why choose us section start */
section.why-choose{
position: relative;
padding-bottom: 0px;
background: #F2F4FF;
}
section.why-choose .head{
background: url("https://staging.codinix.com/lp/microsoft-finance-365-partners/images/why.png");
text-align: center;
padding: 100px;
padding-bottom: 140px;
}
section.why-choose .head p{
background: #5133B5;
color: var(--white-color);
display: inline-block;
padding: 10px 20px;
border-radius: 10px;
font-family: var(--other-font);
font-weight: 500;
text-transform: uppercase;
}
section.why-choose .head h2{
color: var(--white-color);
font-family: var(--secondary-font);
font-weight: 700;
letter-spacing: 1px;
font-size: 36px;
}
section.why-choose .number p {
background: var(--btn-color);
display: inline-block;
padding: 10px;
border-radius: 50%;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-weight: 600;
-webkit-text-stroke: 1px #ffffff8f;
-webkit-text-fill-color: transparent;
text-shadow: none;
font-family: var(--secondary-font);
font-size: 22px;
}
section.why-choose .number {
display: flex;
justify-content: end;
}
section.why-choose .card-cont {
background: #F2F8FE;
padding: 30px;
border-radius: 30px;
margin: 30px 0;
}
section.why-choose .card-cont h3{
font-family: var(--secondary-font);
color: var(--btn-color);
font-weight: 700;
font-size: 22px;
}
section.why-choose .img-sec{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 20px;
flex-direction: column;
gap: 30px;
}
section.why-choose .img-sec img{
border-radius: 50%;
width: 100%;
border: 12px solid #F2F4FF;
}
section.why-choose .row.main-cont {
padding: 30px;
border-radius: 30px;
background: #fff;
position: relative;
width: 100%;
bottom: 90px;
width: 90%;
}
section.why-choose .cont-sec{
display: flex;
justify-content: center;
}
section.why-choose .card-cont p{
color: var(--black-color);
opacity: .75;
font-family: var(--other-font);
font-weight: 500;
letter-spacing: 1px;
font-size: 14px;
}
.expect {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
gap: 10px;
}
.expect p{
color: var(--btn-color);
font-family: var(--other-font);
}
/* service slide */
.service-slide{
background: url("https://staging.codinix.com/lp/microsoft-finance-365-partners/images/why.png");
padding: 20px;
}
.service-slide img{
width: 35px;
}
.service-slide .cont{
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
font-family: var(--secondary-font);
color: var(--white-color);
font-weight: 700;
font-size: 22px;
}
.service-slide .tr{
-webkit-text-stroke: 1px #ffffffaa;
-webkit-text-fill-color: transparent;
}
/* section contact us */
section.contact-us{
background: #fff;
padding: 60px 12px;
}
section.contact-us .social-card {
background: #F2F8FE;
margin-bottom: 40px;
display: flex;
justify-content: start;
align-items: center;
padding: 20px;
gap: 30px;
border-radius: 25px;
}
section.contact-us .social-card i{
color: var(--btn-color);
font-size: 25px;
}
section.contact-us .social-card .icon {
background: #f2f4ff;
padding: 15px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
section.contact-us h2{
color: var(--btn-color);
font-size: 32px;
font-family: var(--secondary-font);
font-weight: 700;
}
section.contact-us .form-sec {
background: #c9ecff;
padding: 20px;
border-radius: 25px;
}
section.contact-us .form-sec .col-md-12{
padding: 0;
}
section.contact-us .form-sec input{
width: 100%;
margin-bottom: 20px;
padding: 10px;
border-radius: 10px;
border: none;
}
section.contact-us .form-sec textarea{
width: 100%;
margin-bottom: 20px;
padding: 10px;
border-radius: 10px;
border: none;
}
section.contact-us h6{
font-family: var(--secondary-font);
font-weight: 700;
}
section.contact-us .social-card a{
color: var(--btn-color);
font-family: var(--secondary-font);
}
section.contact-us p{
font-family: var(--secondary-font);
}
section.contact-us .head{
text-align: center;
margin-bottom: 30px;
}
/* footer section */
footer.footer-sec {
background: var(--btn-color);
text-align: center;
color: #fff;
padding: 5px;
}
footer.footer-sec p{
margin-bottom: 0;
font-family: var(--secondary-font);
font-weight: 500;
}
.card-body{
background: #c9ecff;
padding: 20px;
border-radius: 25px;
}
/* testimonials section css */
section.reviews{
background: linear-gradient(90deg,#05164d 0%,#0c33b3 100%);
background: url(../lp/test.png) var(--heading-color);
padding: 60px 12px;
}
section.reviews .heading{
margin-top: 50px;
}
section.reviews .heading p{
color: var(--heading-color);
background: var(--white-color);
display: inline-block;
padding: 10px;
border-radius: 10px;  
}
section.reviews .heading h2{
color: var(--white-color);
font-size: var(--f30);
}
section.reviews .heading span{
color: var(--white-color);
font-size: var(--f14);
}
section.reviews .owl-item{
border-radius: 20px;
padding: 20px;
}
section.reviews .reviews-card i{
color: #FBBC05;
}
section.reviews .owl-item:nth-child(even){
background: #fff;
}
section.reviews .owl-item:nth-child(odd){
background: #fff;
}
section.reviews .reviews-card{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
section.reviews .user-img{
display: none;
}
section.reviews .reviews-card img{
width: 80px;
}
section.reviews .reviews-card h2{
font-size: 22px;
}
section.reviews .reviews-card p{
color: var(--black-color);
text-align: center;
}
section.reviews .owl-nav{
display: flex;
justify-content: center;
gap: 20px;
margin-top: 40px;
}
section.reviews .owl-nav button{
background: var(--white-color);
color: var(--heading-color);
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: .4s ease-in-out;
}
section.reviews .owl-nav button:hover{
border: 1px dashed var(--white-color);
color: var(--white-color);
background: transparent;
}
/* our clients */
section.clients-sec{
background: var(--white-color);
padding: 60px 12px;
}
.head{
text-align: center;
margin-bottom: 40px;
}
.head p{
color: var(--black-color);
}
.head h2{
color: #022D62;
}
section.clients-sec .about-numbers img{
width: 120px !important;
border-radius: 20px;
}
section.clients-sec .about-numbers .simple{
font-size: 30px;
font-weight: 600;
margin-bottom: 0;
margin-right: 60px;
color: var(--heading-color);
}
section.clients-sec .about-numbers .transparent{
font-size: 30px;
font-weight: 600;
margin-right: 60px;
-webkit-text-stroke: 0.8px #fff;
-webkit-text-fill-color: transparent;
margin-bottom: 0;
}
section.clients-sec .about-numbers .img{
display: flex;
gap: 20px;
align-items: center;
}
/* cta section */
.cta-section {
background: linear-gradient(90deg,#05164d 0%,#0c33b3 100%);
padding: 30px 0;
padding-top: 140px;
background: url(../images/ms-bg.png); 
position: relative;
background-position: center;
background-size: cover;
}
.cta-section::before{
content: '';    
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #05164d 0%, #0c33b3e6 100%);
}
.cta-section .container{
position: relative;
}
.cta-section .cta-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.cta-section .left-sec {
flex-basis: 60%;
padding: 40px 0
}
.cta-section .left-sec .top-section h2 {
color: #fff
}
.cta-section .left-sec .top-section h2 a {
color: #fff
}
.cta-section .left-sec .top-section h2 a:hover {
opacity: .8
}
.cta-section .left-sec .top-section p {
color: #fff;
font-size: 16px;
opacity: .9;
}
.cta-section .left-sec .top-section h1{
color: #fff;
font-weight: 400;
font-size: 42px;
}
.cta-section .left-sec .top-section h1{
}
.cta-section .left-sec .top-section .why{
color: #fff;
font-size: 18px;
font-weight: 500;
}
.cta-section .left-sec .top-section p a {
color: #bdb7b7;
text-decoration: underline
}
.cta-section .left-sec .top-section p a:hover {
text-decoration: none
}
.cta-section .left-sec .top-section .btn-container {
margin: 40px 0 0
}
.cta-section .left-sec .top-section ul {
display: flex;
align-items: center;
margin: 30px 0 0;
flex-wrap: wrap;
gap: 15px;
}
.cta-section .left-sec .top-section ul li {
padding-left: 0px;
color: #dcdcdc;
position: relative;
margin-right: 15px;
font-weight: 400;
font-size: 16px;
}
.cta-section .left-sec .top-section .btn-container .main-btn{
border-radius: 30px;
}
.cta-section .left-sec .top-section ul li:before {
content: "";
background: url(../../../../../../../../themes/valuecoders/v6.0/images/home-images/tick-mark.svg) no-repeat center;
width: 24px;
height: 24px;
background-size: 100%;
position: absolute;
left: 0;
top: 3px
}
.cta-section .left-sec .top-section ul a {
color: #dcdcdc;
text-decoration: underline
}
.cta-section .left-sec .top-section ul a:hover {
text-decoration: none
}
.cta-section .right-sec {
flex-basis: 35%
}
.right-sec .form-sec .col-md-12{
padding: 0;
}
.right-sec .form-sec .form-control{
margin-bottom: 15px;
background: #EFF0F6;
}
.right-sec .form-sec .card-body{
background: #fff;
}
.right-sec .form-sec .card-body h3{
font-size: 24px;
color: var(--heading-color);
}
.VJL48qbQzWENTFAh1Knk.f3c_Dda7HKHqraeedxG1{
display: none !important;
}
section.video-banner .form-sec .col-md-12{
padding: 0;
}
section.why-choose .head{
background: url(../lp/why.png);
background-size: cover;
}
.service-slide{
background: url(./images/why.png);
background-size: cover;
}
.partner{
width:180px;
border-radius: 5px;
margin-top: 40px;
}
.banner-img {
object-position: 58%;
}
/* vector hero */
section.vector-hero{
padding: 60px 12px;
padding-top: 120px;
background: #f2f8fe;
}
section.vector-hero .cont h1{
background: linear-gradient(to right, #542784 10%, #307faf 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: var(--secondary-font);
margin-bottom: 10px;
font-size: 44px;
}
section.vector-hero .cont span{
margin-top: 30px;
display: block;
margin-bottom: 10px;
}
section.vector-hero .img img{
width: 100%;
}
section.vector-hero .img{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
section.contact-us .social{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.contact-us .social-card{
width: 32%;
}
.mobile-value-main{
display: none;
}
/* responsive code starts */
@media (max-width: 980px){
html{
overflow-x: hidden;
}
header.desktop .col-8{
display: none;
}
header.desktop .col-2{
width: 50%;
justify-content: flex-start;
border: none;
background: transparent;
}
header.desktop .last{
justify-content: end;
}
header.desktop .bottom-header{
background: var(--white-color);
}
section.video-banner{
height: 1000px;
}
section.video-banner .video-cont{
gap: 30px;
flex-direction: column;
}
section.about-us .col-6{
width: 100%;
}
section.why-choose .row.main-cont{
position: relative;
}
section.why-choose .col-4{
width: 100%;
}
section.why-choose{
padding-bottom: 30px;
}
section.contact-us .col-6{
width: 100%;
}
section.video-banner .video-cont .col-8{
width: 100%;
}
section.video-banner .video-cont .col-4{
width: 100%;
}
.cta-section .left-sec{
flex-basis: 100%;
}
section.reviews .col-4{
width: 100%;
}
section.reviews .col-8{
width: 100%;
}
section.reviews .heading{
margin-top: 0;
margin-bottom: 40px;
text-align: center;
}
section.contact-us .form-sec .card-body{
padding: 0;
}
.cta-section .right-sec{
flex-basis: 100%;
}
.cta-section .right-sec img{
width: 100%;
}
section.vector-hero .col-7{
width: 100%;
}
section.vector-hero .col-5{
width: 100%;
}
section.vector-hero .img img{
width: 75% !important;
}
section.contact-us .social-card{
width: 100%;
}
}
@media (max-width: 540px){
section.vector-hero h1{
font-size: 26px !important;
}
section.video-banner .video-cont .text-blob{
font-size: 32px;
}
section.video-banner .video-cont .col-8{
width: 100%;
}
section.video-banner .video-cont .col-4{
width: 100%;
}
section.video-banner{
height: 1000px;
}
section.video-banner .video-cont{
padding: 20px;
}
section.about-us img.img2{
height: auto;
object-fit: cover;
}
section.about-us img.img1{
height: auto;
object-fit: cover;
}
section.featured-pro .head-sec h2{
font-size: 28px;
}
section.featured-pro .head-sec p{
width: 100%;
font-size: 16px;
}
section.featured-pro .main-prop{
width: 100%;
}
section.why-choose .head{
padding: 100px 10px;
padding-top: 25px;
}
section.why-choose .head h2{
font-size: 23px;
}
section.featured-pro p.adr{
max-height:210px !important;
height: auto !important;
}
section.featured-pro .pro-cont h6{
display:none;
}
section.featured-pro .pro-cont{
bottom: 0;
width: 100%;
}
.card-body1 .mt-4{
margin-top: 0 !important;
}
::-webkit-scrollbar {
display: none;
}
.expect p{
margin-top: 30px;
text-align: justify;
}
.cta-section .left-sec .top-section h1{
font-size: 20px;
}
.cta-section .left-sec .top-section ul li {
font-size: 13px;
}
.cta-section .left-sec .top-section p{
font-size: 14px;
}
.right-sec .form-sec .card-body h3{
font-size: 17px;
}
}