@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    overflow-x: hidden !important;

}

body a {
    text-decoration: none !important;
}

.navbar-expand-lg .img-fluid {
    max-width: 250px;
    height: auto;
    color: #270ded;
}

ul {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}


.topbar {
    background-color: black;
    color: white;
}

header .topbar .row {
    display: flex;
    align-items: center;
    padding: 7px;


}

header .topbar .row .colum2 {
    display: flex;
    justify-content: end;
}

header .topbar .row .colum2 ul {
    padding-top: 5px;


}

.navbar-nav .nav-link:active {
    color: #ff00ff;
}

header .topbar .row .colum2 ul li {
    margin-left: 10px;
    margin-right: 10px;
    font-size: small;
}

header .topbar .row .colum2 ul li svg {
    margin-right: 5px;
    ;
}

header .topbar .row .colum2 ul li a {
    color: #fff;
    text-decoration: none;
    font-family: montstreat;
}



header .colum1 h6 {
    font-size: 13px;
}

header .colum1 h6 span {
    color: #cb00ff;
    font-weight: bold;
}


header .topbar ul {
    list-style: none;
    display: flex;

}

header .topbar li {
    display: inline-block;

}

.nav-link:focus {
    background-color: black;
    border-radius: 5px;
    color: white !important;
}

header .navbar-light .navbar-nav .nav-link {
    font-size: 85%;
    color: #000;
    text-transform: uppercase;
    padding: 6px 10px;
}

header .navbar-light .navbar-nav .nav-link i {
    margin-left: 10px;
}

header .navbar-light .navbar-nav .nav-link.active,
header .navbar-light .navbar-nav .nav-link:hover {
    color: #ff00ff;


}


header .navbar-light .main-dropdonw {
    position: relative;
}

header .navbar-light .dropdown {
    position: absolute;
    border: 1px solid;

    width: 300px;
    height: auto;
    background-color: #000;
    border-radius: 10px;
    display: none;
    z-index: 2;
}



header .navbar-light .dropdown-page {
    display: block;
    color: white;
    padding: 10px;
}

header .navbar-light .dropdown-page:hover {
    color: #ff00ff;
    border-radius: 10px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 16px;
    transition: 0.5s;
}



header .navbar-light .navbar-nav .nav-link:last-child {
    background-color: #000;
    border: 2px solid #ff00ff;
    color: #fff !important;
}




/* nav bar start */
.nav-link {
    font-weight: bold;
}

.mainMenu .navbar-collapse {
    justify-content: flex-end;
}



/* section 1 */

.sec1 {
    background-image: url(../images/mainbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 100px;
    background-attachment: fixed;

}


.sec1 .fristRow {
    display: flex;
    align-items: center;
}

.sec1 h3 {
    font-size: 59px;
    margin: 0 0 10px;
    line-height: 54px;
}
section.sec1.IT_STAFF h3 {
    font-size: 35px;
}
.sec1 h4 {
    font-size: 39px;
    font-weight: lighter;
    margin: 0;
}


.sec1 p {
    font-size: 14px;
}

.sec1 ul {
    padding: 0px;
    font-size: 11px;
}

.sec1 ul li {
    margin: 0px 0px;
    position: relative;
    color: #fff;
    font-size: 14px;
    padding-left: 33px;
    padding-bottom: 5px;
    width: 100%;
    display: block;
    text-align: left;
    vertical-align: top;
    font-weight: 400;
}

.sec1 ul li::before {
    position: absolute;
    top: 6px;
    left: 0px;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    height: 100%;

}

.revimg div {
    width: 100%;
}

.sec1 .banner-cta {
    padding: 20px 0px;
}

.sec1 .banner-cta a.chat,
.sec1 .banner-cta a.book-call-now {
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
    padding: 10px 0 0 20px;
    font-weight: 400;
}

.sec1 .banner-cta a.chat:after {
    content: '';
    position: absolute;
    height: 25px;
    width: 2px;
    background: #b7b6b6;
    margin: 0 10px;
    text-shadow: 1px 2px 1px #ff03c3, 3px 3px 0px #3a3a3a;
}

.sec1 .sliderimg ul {
    list-style: none;
    display: flex;
    margin-left: -30px;
}

.protfolio3 h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.sec1 .colum2 img {
    /* margin-top: 70px; */
    width: 90%;
    display: table;
    margin: 0 auto;
}

.sec1 .secondRow {
    margin-top: 10px;
    display: flex;
    justify-content: right;


}



.sec1 .colum3 {
    margin: 10px;
}

/* =====================================
it team section 2
===================================== */
.sec-02 {
    background-image: -moz-linear-gradient( -3deg, rgb(253,76,15) 0%, rgb(255,161,10) 100%);
    background-image: -webkit-linear-gradient( -3deg, rgb(46 12 238) 0%, rgb(166 37 254) 100%);
    background-image: -ms-linear-gradient( -3deg, rgb(253,76,15) 0%, rgb(255,161,10) 100%);
    padding: 100px 0;
}

.sec-02 .subtitle, .sec-02 h2, .sec-02 p {
    color: #fff;
}
.sec-02 .subtitle:after {
    background: #ffffff;
}
.tech_img {
    margin-top: 50px;
}

.form_area {
    border-width: 1px;
    border-color: rgb(255, 206, 176);
    border-style: solid;
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 125px 0px rgba(0, 0, 0, 0.14);
    padding: 45px;
}
.form_area p {
    color: #000;
}



.input_field .form-control {
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(235, 235, 235);
    margin-bottom: 15px;
    height: 60px;
    color: #000000;
    font-family: Gilroy-regular;
}

.input_field .form-control::placeholder {
    color: #000000;
}

.input_field textarea.form-control {
    height: 150px;
}

.submit--btn {
    height: 60px;
    border-radius: 6px;
    background-image: -moz-linear-gradient( -3deg, rgb(253,76,15) 0%, rgb(255,161,10) 100%);
    background-image: -webkit-linear-gradient( -3deg, rgb(50 13 238) 0%, rgb(161 36 250) 100%);
    background-image: -ms-linear-gradient( -3deg, rgb(253,76,15) 0%, rgb(255,161,10) 100%);
    color: #fff;
    text-transform: uppercase;
    font-family: Gilroy-SemiBold;
    font-size: 15px;
    width: 100%;
    display: block;
    border: none;
    cursor: pointer;
}

/* section 2 */




.sec2 {
    background-image: url(../images/offerbg.png);
    background-attachment: fixed;
}

section.sec2.Our_Process {
    margin-top: 4px;
    padding-top: 10%;
    padding-bottom: 5%;
}
.sec2 .colum1 {
    background-color: white;
    position: absolute;
    box-shadow: 10px 20px 10px lightgray;
    top: -100px;
    border-radius: 5px;
    padding: 10px 0 17px 0;
}

.letbuild h3 {
    font-size: 27px;
    font-weight: bold;
    margin: 4px 0 18px 0;
}


.sec2 .colum1 ul {
    list-style: none;
    display: flex;
    justify-content: center;

}


.sec2 .colum1 ul li {
    margin: 30px;
}

.sec2 .row {
    position: relative;
}


.sec2 .colum1 h1 {
    font-size: 26px;
    font-weight: bold;
}

.slcikitm.animate__swing {
    visibility: visible;
    animation-duration: 2s;
    /* animation-delay: 300ms;
animation-iteration-count:infinite; */
    animation-name: swing;
}



.sec2 .colum2 {
    margin-top: 100px;
    display: flex;
    justify-content: space-around;
}

.sec2 .iconsRow {
    margin-bottom: 7%;
    display: flex;
    justify-content: space-around;
}

.sec2 .colum2 .firsticons img {
    transition: 1.5s;

}

.sec2 .colum2 .firsticons figure span.clock {
    background-position: -8px -18px;
}

.sec2 .colum2 .firsticons figure span.exp {
    background-position: -103px -17px;
}

.sec2 .colum2 .firsticons figure span.world {
    background-position: -207px -17px;
}

.sec2 .colum2 .firsticons figure span.money {
    background-position: -314px -18px;
}

.sprite {
    background: url(../images/sprite.webp)no-repeat;
    width: 80px;
    height: 80px;
    display: block;
}

.sec2 .colum2 .firsticons:hover .employ img {
    transform: rotatey(360deg);
    transition: 1.5s;

}

.sec2 .colum2 .firsticons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 31px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 0px;
    margin-bottom: 0px;




}

.sec2 .colum2 .employ {

    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 10px;


}

.sec2 .colum2 .employText {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;

}

.sec2 .colum2 .employText {
    /* border: 1px solid; */
    width: 150px;

}


.sec2 .colum2 .employText h3 {
    text-align: left;
    font-weight: bold;
    color: #cb00ff;
    margin-bottom: 0px;
    font-size: 11px;
}

.sec2 .colum2 .employText p {
    text-align: left;
    font-weight: 500;
    font-size: 10px;
}

.sec2 .offering {
    margin-top: -75px;
}

.sec2 .servtab {
    margin-top: 3%;
}


.sec2 .colum3 h4 {
    color: #4b4b4b;
    font-size: 40px;
    margin-bottom: 0;
}

.sec2 .colum3 h3 {
    color: #cb00ff;
    font-size: 50px;
}

.sec2 .iconsMain {
    display: flex;
    width: 100%;

}

.sec2 .iconmain1 a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding-top: 10px;
    padding-left: 13px;
    padding-bottom: 10px;
}

.sec2 .iconmain1 .icon1 img {
    padding: 11px;
}

.sec2 .iconmain2 {
    width: 211px;
    background-color: white;
    height: 43px;
    border-radius: 36px 0px 76px 38px;
    display: flex;
    align-items: center;
    font-size: 23px;
    margin-left: 30px;
    color: black;
    border: 1px solid #cb00ff;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.507);
}

.sec2 .iconmain2 a {
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    padding-left: 19px;
    padding-bottom: 10px;
}

.sec2 .iconmain1 .iconbt {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #cb00ff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
}

.sec2 .iconmain2 .icon2 {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cb00ff;
}

.sec2 .iconmain2 .icon2 img {
    padding: 11px;
}

.sec2 .iconmain2 a {
    color: #000;

}

.sec2 .iconmain1 {
    width: 211px;
    background-color: #cb00ff;
    height: 43px;
    border-radius: 36px 0px 76px 36px;
    display: flex;
    align-items: center;
    font-size: 20px;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.507);

}

.sec2 .servtab .leftTabes .leftTabesdiv {
    display: flex;
    flex-direction: column;
}



.sec2 .colum4 .tabe {
    background-color: black;
    width: 200px;
    color: white;
    border-radius: 5px;
    text-align: left;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.sec2 nav {
    width: 200px;

}

.sec2 .servtab .tabText h2 {
    color: #4b4b4b;
}

.sec2 .colum4 h2 {
    color: #4b4b4b;
    text-align: left;
}

.sec2 .colum4 h4 {
    text-align: left;
}

.sec2 .servtab .tabText h4 {
    color: #4b4b4b;
}

.sec2 .colum4 p {
    color: #4b4b4b;
    text-align: left;
}

.sec2 .divul {
    display: flex;
    margin-left: -22px;
}

.sec2 .colum4 ul {
    padding-left: 0px;
    text-align: left;
    list-style: none;

}

.sec2 .colum4 ul li::before {
    content: "\2022";
    color: #cb00ff;
    font-weight: bolder;
    font-size: 25px;
    display: inline-block;
    width: 1em;
    margin-left: -1em;

}

.sec2 .leftTabes .nav .nav-link {
    background-color: black;
    color: #fff !important;
    margin: 4px 0;
    border-radius: 5px;
}




.sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
    text-align: left;
    width: 255px;
    position: relative;
    z-index: 9;
}


.sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn.active::before {
    background-image: url(../images/button-bg-image.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 107%;
    height: 137%;
    content: "";
    top: -12px;
    left: -8px;
    z-index: -1;
}

.sec2 .offering .leftTabes .leftTabesdiv .leftTabesbtn.active::after {
    border-radius: 100%;
    background: #000;
    position: absolute;
    width: 20px;
    height: 20px;
    content: "";
    top: 11px;
    right: -8px;
    z-index: -1;
    border: 4px solid #ff00ff;

}




.forbtn {
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;

}

.forbtn:hover {

    background-image: url(../images/button-bg-image.png);
    background-size: cover;
    background-repeat: no-repeat;
}



.sec2 .servtab .tabText h2 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.sec2 .servtab .tabText h4 {
    font-size: 11px;
    font-weight: bold;
    color: #000;

}

.sec2 .servtab .tabText p {
    font-size: 13px;


}
section.sec2.Our_Process .servtab .tabText p {
    font-size: 18px;
    /* font-family: Gilroy-Regular; */
    font-size: 18px;
    line-height: 28px;
}
section.sec2.Our_Process .servtab .tabText h4 {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    font-size: 25px;
    margin-bottom: 20px;
    /* font-family: Gilroy-SemiBold; */
    padding-right: 40px;
    line-height: 34px;
}

.sec2 .servtab .tabText ul {
    text-align: left;
    list-style: none;
}

.sec2 .servtab .tabText ul li {
    position: relative;

}


.sec2 .servtab .tabText ul li::before {
    position: absolute;
    left: -18px;
    top: -7px;
    content: "\2022";
    color: #cb00ff;
    font-weight: bolder;
    font-size: 25px;
    display: inline-block;

}

.sec-04 {
    background-size: 50% 100%;
}

.sec-04 {
    padding: 50px 0px;
    background-image: url("../images/img01m.jpg");
}
.sec-04 {
    background-size: 50% 100%;
}
.sec-04 {
    background: #f9f9f9;
    background-image: url(https://www.tekrevol.com/assets/images-new/solution/it-staff-augmentation/img01.jpg);
    position: relative;
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: 100%;
}
.show-mobile {
    display: none;
}
.btns a {
    padding: 10px 35px;
    font-size: 12px;
    font-family: Gilroy-Regular, sans-serif;
    line-height: 26px;
    margin-bottom: 20px;
    color: #fff !important;
    background: #ffa20a;
    background: -webkit-linear-gradient( -3deg, rgb(50 13 238) 0%, rgb(161 36 250) 100%);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    z-index: 99;
    position: relative;
}
.subtitle {
    font-size: 15px;
    color: #cb00ff;
    line-height: 20px;
    font-family: Gilroy-Medium;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 40px;
    position: relative;
    margin-bottom: 30px;
    letter-spacing: 4px !important;
}

.subtitle:after {
    content: '';
    background: #cb00ff;
    width: 20px;
    height: 2px;
    display: block;
    margin-top: 20px;
}


/* ======================
sectoin 05
====================== */
.sec-05 {
    background-size: 50% 100%;
    padding: 50px 0px;
    background-image: url(../images/img02d.jpg);
}
.sec-05 {
    background: #fff;
    background-image: url(../images/img02d.jpg);
    position: relative;
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: 0;
}
.pl-50 {
    padding-left: 50px;
}

/* media qury of section 2 */


@media only screen and (max-width: 1000px) {

    .sec2 .clients {
        display: flex;
    }

}




/* section 3 */


.sec3 {
    background-image: url(../images/improvebg.jpg);
    background-attachment: fixed;
    background-size: cover;
    padding-top: 150px;
    padding-left: 100px;
    padding-bottom: 120px;
    margin-top: 71px;
}

.sec3 .colum1 {}




.sec3 h2 {
    font-size: 19px;
    margin-bottom: -14px;


}

.sec3 h3 {
    font-size: 110px;
}

.sec3 h4 {
    text-align: justify;
    margin-top: -23px;
    margin-left: 100px;
    margin-left: 170px;
    font-size: 19px;

}

.sec3 .iconsMain {
    display: flex;
    width: 100%;

}


.sec3 .iconmain1 {
    width: 211px;
    background-color: #cb00ff;
    height: 43px;
    border-radius: 36px 0px 76px 36px;
    display: flex;
    align-items: center;
    font-size: 20px;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.507);

}

/* .sec3 .iconmain1 p{
   font-size: 15px;
   font-weight: 500;
   padding-top: 10px;
   padding-left: 13px;
} */


.sec3 .iconmain1 a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding-top: 10px;
    padding-left: 13px;
    padding-bottom: 10px;
}

.sec3 .iconmain1 .icon1 img {
    padding: 11px;
}

.sec3 .iconmain2 {
    width: 211px;
    background-color: white;
    height: 43px;
    border-radius: 36px 0px 76px 38px;
    display: flex;
    align-items: center;
    font-size: 23px;
    color: black;
    margin-left: 30px;
    border: 1px solid #cb00ff;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.507);
}

.sec3 .iconmain2 a {
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    padding-left: 19px;
    padding-bottom: 10px;
}

.sec3 .iconmain1 .iconbt {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #cb00ff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
}

.sec3 .iconmain2 .icon2 {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cb00ff;
}

.sec3 .iconmain2 .icon2 img {
    padding: 11px;
}

.sec3 .iconmain2 a {
    color: #000;

}

.sec3 .imagediv {
    position: relative;
}

.sec3 .imagediv img {
    width: 100%;
    position: absolute;
    left: 0px;
    top: -201px;
}


/* sec3 of servicepage 3 strat */

.servicepage3 {
    background-image: url(../images/improvebg.jpg) !important;
}

/* sec3 of servicepage 3 strat */


/* section 4 */

.sec4 {
    background-image: url(../images/offerbg.png);
    background-attachment: fixed;
    padding-top: 50px;

}

.sec4 .mytext h3 {
    font-size: 2.5rem;
    text-align: center;
    color: #cb00ff;
    font-weight: 700;

}

.sec4 .mytext h2 {
    font-size: 13px;
    text-align: center;
}


.sec4 .firstul button {
    border-radius: 0px;
}

.sec4 .firstul ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin-top: 30px;

}

.sec4 .firstul ul li {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    padding: 0 12px;
}

.sec4 .firstul ul li::before {
    position: absolute;
    content: "";
    right: -12px;
    height: 12px;
    width: 3px;
    top: 7px;
    background: #000;
}

.sec4 .firstul ul li:last-child::before {
    display: none;
}

.sec4 .firstul ul li button {
    text-decoration: none;
    color: black;
    font-weight: bold;
    border: 0;
    padding: 0;
    text-transform: capitalize;
}


.sec4 .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    text-decoration: none;
    color: #4c06f1;
    font-weight: bold;
    border-bottom: 1px solid #4c06f1;
    background: transparent;

}

.sec4 .nav-pills .nav-link:focus {
    color: #000 !important;
    background: transparent;
}





/* section 5 */

.sec5 {
    background-image: url(../images/bg5.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 103px;
}

.sec5 .colum1 .divimage {
    position: relative;
}

.sec5 .colum1 .divimage img {
    position: absolute;

}


.sec5 .colum2 {
    padding-top: 60px;
    padding-bottom: 35px;
}

.sec5 .divtext h3 {
    color: white;
    font-size: 25px;
    font-weight: 200;
}

.sec5 .divtext h1 span {
    font-weight: 600;
}


.sec5 .divtext h2 {
    font-size: 39px;
    color: white;
}

.sec5 .iconsMain {
    display: flex;
    width: 600px;
    margin-top: 20px;
}


.sec5 .iconmain1 {
    width: 259px;
    background-color: #cb00ff;
    height: 43px;
    border-radius: 36px 0px 76px 36px;
    display: flex;
    align-items: center;
    margin-left: 30px;
    font-size: 20px;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.507);


}

.sec5 .iconmain1 a {
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    padding-left: 40px;
    padding-bottom: 10px;
    color: white;

}

.sec5 .iconmain1 .icon1 {
    background-color: black;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #cb00ff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid white;

}

.sec5 .iconmain1 .icon1 img {
    padding: 10px;
}

.sec5 .iconmain2 {
    width: 249px;
    background-color: white;
    height: 43px;
    border-radius: 36px 0px 76px 38px;
    display: flex;
    align-items: center;
    font-size: 23px;
    color: black;
    border: 1px solid #cb00ff;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.507);
}

.sec5 .iconmain2 a {
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    padding-left: 40px;
    padding-bottom: 10px;
    color: #000;


}

.sec5 .iconmain2 .icon2 {
    background-color: black;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cb00ff;

}

.sec5 .iconmain2 .icon2 img {
    padding: 10px;
}


.buttondiv {
    position: relative;
    display: inline-block;


}

/* button hover for all buttons */

.but {
    position: relative;
    background-color: #000;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    color: white;
    z-index: 1;
}

.but:hover {
    color: white;
}

.but:hover::before {
    background-image: url(../images/button-bg-image.png);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    width: 117%;
    height: 131%;
    left: -9px;
    top: -8px;
    z-index: -1;

}




/* section 6 */

.sec6 {
    background-image: url(../images/offerbg.png);
    background-attachment: fixed;
    padding-top: 5%;
    padding-bottom: 5%;
}

.sec6 .firstText h3 {
    color: #cb00ff;
    text-align: center;
    font-size: 59px;
}

.sec6 .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: none;
    text-decoration: none;
    color: #4c06f1 !important;
    font-weight: bold;
    border-bottom: 1px solid #4c06f1 !important;
    background: transparent;
}

.sec6 .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    position: relative;
    font-size: 14px;
    padding: 4px 10px;
}

.sec6 .nav-tabs .nav-linkL::before {
    position: absolute;
    content: "";
    right: -12px;
    height: 12px;
    width: 3px;
    top: 7px;
    background: #000;
}

.sec6 .nav-tabs {
    border-bottom: 0px;
    padding: 20px 0px;
    justify-content: center;
}

.nav-link {
    display: block;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    text-decoration: none;
    color: black !important;
    font-weight: bold;
    /* border: 0; */
    /* padding: 0; */
    /* text-transform: capitalize; */
}

.sec6 .firstText h2 {
    text-align: center;
    font-size: 25px;
}

.sec6 .firstText p {
    text-align: center;
    margin-bottom: 10px;
}

.sec6 .row.PACKAGE_ROW {
    margin-top: 40px;
}

.sec6 .mycard {

    border: 2px solid;
    border-radius: 10px;
    background-color: white;
}

.sec6 .mycard .divheading {
    border-bottom: 2px solid #cb00ff;
    margin: 10px;

}

.sec6 .mycard .divheading h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #373737;
}

.sec6 .mycard .divheading h3 span {
    display: block;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #373737;
}

.sliderimg {
    margin-bottom: 20px;
}

.sec6 .mycard .divul ul {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 300px;
    list-style: none;
    overflow-y: scroll;

}

.sec6 .mycard .divul ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.sec6 .mycard .divul ul li::before {
    position: absolute;
    top: 6px;
    left: -16px;
    background-image: url(../images/bulet.png);
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    height: 100%;

}






.sec6 .mycard .divul ul img {
    width: 10%;
    position: absolute;
    top: 0px;
    left: -30px;

}

.sec6 .divprice {
    display: flex;
    justify-content: space-around;
    border-bottom: 2px solid #cb00ff;
    margin: 5px 0 15px;
    position: relative;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 27%);
    padding: 15px 0 0;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;



}

.sec6 .divprice::before {
    background-image: url(../images/line2.png);

    background-repeat: no-repeat;
    position: absolute;
    top: 22px;
    left: 130px;
    content: "";
    width: 100%;
    height: 100%;


}

.sec6 .divprice .bullet {
    position: absolute;
    top: 23px;
    left: 184px;


}

.sec6 .mycard .divprice .divpriceText h3 {
    font-size: 26px;
    margin-bottom: 0px;
    color: #373737;
}

.sec6 .mycard .divprice .divpriceamount h3 {
    font-size: 20px;
    text-decoration: line-through;
    color: #646262;
    text-align: right;
    font-weight: 600;
    margin-bottom: 0px;
}

.sec6 .mycard .divprice .divpriceamount h2 {
    font-size: 31px;
    font-weight: 700;
    color: #373737
}


.sec6 .buttons {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}

/* .sec6 .mycard .order{
   
    
} */

.sec6 .mycard .order a {
    border: 3px solid #ff00ff;
    border-radius: 0px 0px 0px 15px;
    background-color: #cb00ff;
    font-weight: 600;
    color: white;
    padding-top: 9px;
    padding-bottom: 11px;
    padding-left: 24px;
    padding-right: 30px;
    display: inline-block;

}

.sec6 .mycard .book a {
    border: 3px solid black;
    border-radius: 0px 0px 15px 0px;
    background-color: white;
    font-weight: 600;
    color: #646262;
    padding-top: 9px;
    padding-bottom: 11px;
    padding-left: 24px;
    padding-right: 30px;
    margin-top: 0px;
    display: inline-block;

}


/* width */
.sec6 ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.sec6 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.sec6 ::-webkit-scrollbar-thumb {
    background: #ff00ff;
    border-radius: 10px;
}

/* Handle on hover */
.sec6 ::-webkit-scrollbar-thumb:hover {
    background: rgb(115, 5, 119);
}


/* section 7 */


.sec7 {
    background-image: url(../images/bg5.png);
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px;
}

.sec7 .flxrow {
    display: flex;
    justify-content: center;

}

.sec7 .flxrow .colum1 h3 {
    font-size: 25px;
    color: white;
    text-align: center;

}

.sec7 .flxrow .colum1 h2 {
    font-size: 31px;
    color: white;
    text-align: center;

}

.sec7 .flxrow .colum1 p {
    color: white;
    text-align: center;

}


.sec7 .secondRow {
    display: flex;
    justify-content: center;
    padding: 5px;
    border-radius: 10px;

    background-image: linear-gradient(180deg, #cb00ff, #1c06dd);

}

.sec7 .secondRow .colum1 {
    background-color: rgba(0, 0, 0, 0.808);

    border-radius: 10px;
    padding: 50px;
    position: relative;

}

/* 
.sec7 .secondRow .colum1::before{
    position: absolute;
    content: "";
    width: 101%;
    height: 45%;
    border-top: 3px solid #cb00ff;
    border-left: 3px solid #cb00ff;
    border-right: 3px solid #cb00ff;
    border-radius: 5px 5px 0px 0px;
    top: -4px;
    left: -3px;

}

.sec7 .secondRow .colum1::after {
    position: absolute;
    content: "";
    width: 101%;
    height: 57%;
    border-bottom: 3px solid #1c06dd;
    border-left: 3px solid #1c06dd;
    border-right: 3px solid #1c06dd;
    border-radius: 0px 0px 5px 5px;
    top: 216px;
    left: -3px;

} */

.sec7 .secondRow .underRow h3 {
    color: white;
    font-size: 19px;
    font-weight: 600;
}


.sec7 .secondRow .underRow .undercolum1 ul {
    list-style: none;
    color: white;
    font-size: 12px;
    padding-left: 0px;
}

.sec7 .secondRow .underRow .undercolum1 ul li {
    font-size: 13px;
}

/* 
.sec7 .secondRow .underRow .undercolum2 h3 {
color: white;
font-size: 19px;
font-weight: 600;
} */
.sec7 .secondRow li.h3 {
    font-size: 18px !important;
}

.sec7 .secondRow .underRow .undercolum2 ul {
    list-style: none;
    color: white;
    font-size: 12px;
    padding-left: 0px;
}

.sec7 .secondRow .underRow .undercolum3 h1 {
    color: white;
    font-size: 19px;
    font-weight: 600;
}


.sec7 .secondRow .underRow .undercolum3 ul {
    list-style: none;
    color: white;
    font-size: 12px;
    padding-left: 0px;
}

.sec7 .secondRow .underRow .undercolum4 h4 {
    text-align: center;
    font-size: 15px;
    color: white;
    font-weight: 500;
    text-decoration: line-through;
}

.sec7 .secondRow .underRow .undercolum4 h2 {
    text-align: center;
    font-size: 25px;
    color: white;
    font-weight: 700;
}

.sec7 .secondRow .underRow .undercolum4 .divimag {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec7 .secondRow .underRow .undercolum4 .dropdown {
    display: flex;
    justify-content: center;
}


.sec7 .secondRow .underRow .undercolum4 .dropdown .btn {
    color: white;
    background-color: black;
    width: 300px;
    margin-bottom: 53px;
}

.sec7 .dropdown_ul-div ul {
    margin-top: -30px;
    list-style: none;
}

.sec7 .dropdown_ul-div ul li a {
    color: lightgray;

}



.sec7 .secondRow .underRow .undercolum4 .dropdown .dropdown-menu {

    background-color: transparent;
}

.sec7 .secondRow .underRow .undercolum4 .dropdown .dropdown-menu .dropdown-item {
    color: lightgrey;
}



.sec7 .secondRow .underRow .undercolum4 img {
    margin-top: 20px;
}

/* section 8 */

.sec8 {
    background-image: url(../images/offerbg.png);
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px;
}

.sec8 .divh1 h3 {
    color: #cb00ff;
    font-size: 42px;
    text-align: center;
}

.sec8 .divslider ul {
    display: flex;
    justify-content: space-around;
    border-bottom: none;
    border-top: 5px solid #4c06f1;
    margin-left: 80px;
    margin-right: 80px;


}




.sec8 .divslider ul li {

    padding-bottom: 5px;
    padding-top: 30px;

}

.sec8 .divslider .divsliderbtn {
    color: lightgray !important;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    height: 106%;
    background-color: #000;
    border: 3px solid #ff00ff;
    position: relative;
    z-index: 9;
    padding: 8px 27px;
    margin-top: 10px;

}

.sec8 .divslider .divsliderbtn::before {
    position: absolute;
    top: -43px;
    left: 0px;
    background-image: url(../images/hanger.png);
    background-size: cover;
    content: "";
    width: 100%;
    height: 90%;
    z-index: -1;
    background-repeat: no-repeat;
}

.sec8 .divslider .divsliderbtn.active::after {
    position: absolute;
    top: -54px;
    left: 42%;
    background-color: #000;
    border: 2px solid #ff00ff;
    border-radius: 100%;
    content: "";
    width: 20px;
    height: 20px;
    z-index: -1;

}



.sec8 button link.active {
    background-color: #000;
}

.sec8 .colum1 .divimg {
    background-image: url(../images/sec8-colum1-img.png);
    margin-top: 40px;
}

.sec8 .divtext h3 {
    font-size: 46px;
    color: #6600ff;

}

.sec8 .divh1 p {
    text-align: center;
}

.sec8 .colum2 {
    display: flex;
    align-items: center;

}

.sec8 .colum2 .divtext h1 {
    color: #4c06f1;

}
/* ===================
section 9
=================== */
.sec-09 {
    padding: 100px 0 100px;
    background-color: #1f1e1d;
    position: relative
}
.list-point li:before {
    content: '';
    background: rgb(255, 162, 10);
    background: linear-gradient(40deg, rgb(0 0 0) 0%, rgb(0 0 0) 100%);
    width: 7px;
    height: 7px;
    display: inline-block;
    position: absolute;
    left: -9px;
    top: 12px;
    border-radius: 50%;
}

.list-point li:after {
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    position: absolute;
    left: -14px;
    border: 1px solid #9923fa;
    top: 7px;
    border-radius: 50%;
}
section.sec-03 {
    padding: 80px 0px;
}
.hiring_title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.hiring_title h5 {
    margin-bottom: 0;
    margin-left: 15px;
}
.list-point {
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style: none;
    position: relative;
}
.list-point li {
    color: #333333;
    font-size: 18px;
    position: relative;
    line-height: 32px;
    margin-bottom: 5px;
    padding-left: 15px;
    width: 100%;
    display: inline-block;
}
.sec-09:before {
    content: '';
    background-image: url("https://www.tekrevol.com/assets/images-new/services/web/black-bg.png");
    width: 1050px;
    height: 1050px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    position: absolute;
    left: -250px;
    top: 230px
}

.sec-09 .ser-feature {
    position: sticky;
    top: 120px
}

.sec-09 .subtitle {
    font-size: 15px;
    color: #cb00ff;
    line-height: 20px;
    font-family: Gilroy-Medium;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 50px;
    position: relative;
    margin-bottom: 30px
}

.sec-09 .subtitle:after {
    content: '';
    background: #cb00ff;
    width: 20px;
    height: 2px;
    display: block;
    margin-top: 30px
}

.sec-09 h3, .sec-09 p {
    color: #fff
}
.service-list {
    margin-bottom: 80px
}

.service-list img {
    margin: 10px 0px 20px;
}

.service-list h5 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: Gilroy-SemiBold
}

.ser-item::-webkit-scrollbar {
    width: 0
}

.ser-item::-webkit-scrollbar-track {
    background: #f1f1f1
}

.ser-item::-webkit-scrollbar-thumb {
    background: #888
}

.ser-item::-webkit-scrollbar-thumb:hover {
    background: #555
}
.service-list .number {
    font-size: 30px;
    font-family: Gilroy-Bold;
    color: #fff;
    margin: 10px 15px;
}
.service-list .list-point li  {
    color: #fff;
}
.btns-arrow a {
    font-family: Gilroy-SemiBold;
    font-size: 18px;
    color: #cb00ff !important;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    z-index: 99;
    text-transform: uppercase;
    margin-right: 10px;
    letter-spacing: 1px;
}
/* section 9 */

.sec9 {
    background-image: url(../images/sec9-bg-liyer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 150px;
    padding-bottom: 150px;
}

.sec9 .colum1 .lightText h3 {
    color: white;
    font-size: 21px;
}

.sec9 .colum1 .lightText h2 {
    color: white;
    font-size: 21px;
    padding-bottom: 20px;
    border-bottom: 2px solid #cb00ff;
}

.sec9 .colum1 .boldText h3 {
    color: white;
    font-size: 44px;
}

.sec9 .colum2 .sliderdiv {
    border: 2px solid black;
    border-radius: 0px 30px 0px 30px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.575);
    position: relative;
}


.sec9 .carousel-inner {
    padding: 20px;
}

.sec9 .commertSlider {

    padding: 5px;
    border-radius: 0px 30px 0px 30px;
    background-image: linear-gradient(180deg, #cb00ff, #1c06dd);
}

/* .sec9 .colum2 .sliderdiv::before{
    position: absolute;
    content: "";
    left: -6px;
    top: 0;
    height: 60%;
    width: 102%;
    background: transparent;
    border-radius: 0px 30px 0px 0;
    border: 2px solid #ff00ff;
    border-bottom-style: none;
} */

/* .sec9 .colum2 .sliderdiv::after{
    position: absolute;
    content: "";
    left: -6px;
    bottom: -2px;
    height: 60%;
    width: 102%;
    background: transparent;
    border-radius: 0px 0px 0px 30px;
    border: 2px solid #0100ff;
    border-top: 0;
} */



.sec9 .colum2 .sliderdiv p {
    color: white;
    margin: 20px;
    display: flex;
}

.sec9 .colum2 .sliderdiv .commerntarName {
    display: flex;
    justify-content: right;
}

.sec9 .colum2 .sliderdiv .commerntarName .commerntImg {
    width: 80px;
    height: 80px;
    background-color: #cb00ff;
    border-radius: 100%;

}

.sec9 .colum2 .sliderdiv .commerntarName .commernterText h3 {
    font-size: 25px;
    color: #cb00ff;

}

.sec9 .colum2 .sliderdiv .commerntarName .commernterText h2 {
    font-size: 22px;
    color: white;
    text-align: right;
}

.sec9 .colum2 .sliderdiv .commerntarName .commerntImg img {
    width: 80px;
    height: 80px;
    border-radius: 100%;

}

.sec9 .carousel button {
    width: 30px;
    height: 30px;
    top: 43%;
    background-color: white;
    border-radius: 100%;
    color: #ff00ff;
    opacity: 1;
}
.sec-10 {
    padding: 0px 0px;
    background: #cb00ff;
}

.sec-10 .subtitle {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    font-family: Gilroy-Medium;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 50px;
    position: relative;
    margin-bottom: 30px;
}
.test-intro {
    padding: 100px 0px;
}
.sec-10 .subtitle:after {
    content: '';
    background: #fff;
    width: 20px;
    height: 2px;
    display: block;
    margin-top: 30px;
}
.test-review {
    padding: 100px 0px;
    background: #eeeeee;
    position: relative;
}
.sec-10 h3 {
    margin-bottom: 20px;
    color: #fff;
}

.sec-10 p {
    color: #fff;
}

.testimonial-item {
    outline: none;
}

.testimonial-item .test-content {
    color: #333333;
    font-size: 17px;
    line-height: 24px;
    font-family: Gilroy-Regular;
    margin-bottom: 20px;
    padding: 30px 50px;
    position: relative;
    height: 180px;
}

.testimonial-item .test-content:before {
    content: '';
    background-image: url("../images/qoute.png");
    width: 19px;
    height: 17px;
    display: block;
    position: absolute;
    top: 0px;
    left: 30px;
}

.testimonial-item .test-content:after {
    content: '';
    background-image: url("../images/qoute.png");
    width: 19px;
    height: 17px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 30px;
}

.testimonial-item .designation {
    position: relative;
    height: 100px;
    padding: 20px 50px 0px;

}

.testimonial-item .designation:before {
    content: '';
    background:#cb00ff;
    width: 20px;
    height: 2px;
    display: block;
    position: relative;
    top: -30px;
}

.testimonial-item .designation .img-auther {
    width: 77px;
    height: 77px;
    display: inline-block;
}

.testimonial-item .designation .img-auther img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-item .designation .name-auther {
    font-size: 15px;
    color: #1a1a1a;
    line-height: 24px;
    font-family: Gilroy-SemiBold;
    margin-bottom: 0px;
    position: absolute;
    left: 150px;
    top: 35px;
    width: 40%;
}
/* ===================
acordion section
=================== */
section.faq-section {
    margin: 5% 0%;
}
section.faq-section .accordion-button:not(.collapsed) {
    color: #cb00ff;
    background-color: #e7f1ff00;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-item {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
    border: none;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus.png);
    transform: rotate(-180deg);
}
/* ========================

*/

/* =============================
contact section
============================= */
.contant-section {
    padding: 200px 0 130px;
    color: #fff;
    font-size: 14px;
    position: relative;
    background: #f37a20;
    background: linear-gradient(-138deg, #4c1fc7 0, 55%, #8718f1 100%);
    margin-top: -130px;
    z-index: -1;
    /* padding-bottom: 134px; */
}
#quote .btn-white {
    border: 0 solid #fff;
    padding: 0 35px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #f16721 !important;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    transition: linear 0.3s;
    background: #fff;
    background: #fff;
    border-radius: 8px;
    display: inline-block;
}
.contant-section p {
    color: #fff;
}
.contant-section .title-small {
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 300;
    position: relative;
    padding-left: 40px;
}
.contant-section .title-small:before {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30%;
    padding: 10px;
    border-top: 1px solid #fff;
    top: 0;
    content: "";
    margin-top: 9px;
    margin-left: 0;
}
.contant-section .title_class {
    margin-top: 25px;
    margin-bottom: 40px;
    font-size: 32px;
    font-family: Gilroy-Regular;
    color: #fff;
    font-weight: 600;
    line-height: 1.1;
}
.contant-section .footer--div {
    width: 47%;
    float: left;
    margin-right: 3%;
    margin-bottom: 30px;
}
.contant-section .footer--div select {
    background: 0 0;
    border-width: 0 0 1px 0;
    font-size: 14px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
    outline: 0;
    border-radius: 0;
}
.contant-section .footer--div select .option,
.contant-section .footer--div select .option:disabled {
    background: #2a2a2a;
    border: 0;
    outline: 0;
    background-color: #2a2a2a;
    color: #fff;
}
.contant-section .footer--div select .option:hover {
    background: #f37a20;
    border: 0;
    outline: 0;
    background-color: #f37a20;
    color: #fff;
}
.contant-section .footer--div input {
    background: 0 0;
    border-width: 0 0 1px 0;
    font-size: 14px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
    outline: 0;
    border-radius: 0;
}
.contant-section .footer--div ::-webkit-input-placeholder {
    color: #fff;
}
.contant-section .footer--div :-ms-input-placeholder {
    color: #fff;
}
.contant-section .footer--div ::placeholder {
    color: #fff;
}
#quote .btn-white {
    border: 0 solid #fff;
    padding: 0 35px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #f16721 !important;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Gilroy-Medium;
    transition: linear 0.3s;
    background: #fff;
    background: #fff;
    border-radius: 8px;
    display: inline-block;
}

/* ======================
adress section
====================== */
.address-section .container {
    padding: 0 50px;
    background: #282526;
    height: 320px;
}
.address-section {
    padding-top: 50px;
    position: relative;
    z-index: 9999999;
}
.location-list li {
    list-style: none;
    font-size: 13px;
    display: inline-block;
    position: relative;
}
.location-list li a {
    font-size: 12px;
    padding: 0 6px;
}
.location-list li a {
    font-size: 12px;
    color: #fff;
    padding: 0 6px;
}
ul.location-list {
    padding: 0px;
}
.address-section .blog-t-section {
    padding: 30px 0;
}
.address-section .blog-t-section {
    padding: 30px 0;
}
.sub-heading {
    font-family: Gilroy-Regular;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.our-blog-cap {
    font-size: 34px;
    color: #edffff;
    font-family: Gilroy-Bold;
    line-height: 40px;
    padding: 10px 0;
}
.our-blog-cap span {
    color: #cb00ff;
}
.blog-t-section p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}
.map-section {
    padding: 10px 0;
    text-align: center;
    margin: 0 auto;
}

.map-bg {
    background: url(../images/ezgif.com-gif-maker2.png) no-repeat;
    background-position: 0 0;
    background-size: auto;
    width: 100%;
    height: 280px;
    position: relative;
    top: 10px;
    left: 50px;
}
 

.marker1 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 120px;
    display: block;
}
.marker2 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 60px;
    left: 120px;
    display: block;
}
.marker3 {
       width: 24px;
    height: 24px;
    position: absolute;
    top: 122px;
    left: 331px;
    display: block;
    z-index: 4;
}
.marker4 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 118px;
    left: 362px;
    display: block;
}
.pin {
    width: 8px;
    height: 8px;
    position: relative;
    top: 11px;
    left: 11px;
    border: 1px solid #cb00ff;
    border-radius: 50%;
    z-index: 1;
}
.marker1 .pin {
    background: #cb00ff;
}
.marker1 .pin-effect {
    background: rgba(0, 0, 0, 0.33);
}
.pin-effect {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    display: block;
    border-radius: 50%;
    opacity: 0;
    animation: pulsate 2.4s ease-out infinite;
    left: 5px;
}
.marker2 .pin {
    background: #cb00ff;
}
.marker2 .pin-effect {
    background: rgba(0, 0, 0, 0.33);
}
.contact-canada-banner {
    padding: 10px;
    top: -90px;
    padding-left: 40px;
    left: 25px;
    width: 260px;
    padding-top: 0;
    background-size: 100% 100%;
    padding-bottom: 65px;
    transition: all 0.25s ease;
    height: 105px;
    z-index: 45663645;
}
.map-bg .contact-canada-banner div.name_coun {
    font-size: 18px;
    line-height: normal;
    font-family: Gilroy-Semibold;
    text-transform: capitalize;
}
.map-bg .contact-canada-banner div.name_coun span {
    font-family: Gilroy-Regular;
    font-size: 12px;
    color: #282526;
    text-transform: capitalize;
    margin-top: 10px;
    line-height: normal;
    display: block;
}
.marker3 .pin {
    background: #e35123;
}
.marker3 .pin-effect {
    background: rgba(0, 0, 0, 0.33);
}
.marker4 .pin {
    background: #cb05f1;
}
.marker4 .pin-effect {
    background: rgba(0, 0, 0, 0.33);
}



.marker5 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 137px;
    left: 337px;
    display: block;
}
.marker5 .pin {
    background: #e35123;
}
.marker5 .pin-effect {
    background: rgba(0,0,0,.33);
}

.marker5:hover .contact-canada-banner {background: url(../../images/contact-hover22.png) no-repeat;
    position: absolute;
    padding: 10px 10px 10px 20px;
    top: -75px;
    left: 23px;
    width: 195px;
    padding-top: 0;
    background-size: 100% 100%;
    padding-bottom: 0;
    transition: all .25s ease;
    height: 95px;
    display: block;
    text-align: left;
    z-index: 99999;
}




.country-list {
    bottom: 35px;
    position: absolute;
    width: 100%;
}
.country-list .country-name {
    display: inline-block;
    margin-right: 33px !important;
    position: relative;
}
.country-list .country-name:after {
    content: "";
    width: 4px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: -15px;
    bottom: -15px;
}
.country-list .country-name:nth-child(1):after {
    background: #39386e;
}
.address-section .country-list .country-name:nth-child(2):after {
    background: #ccc;
}
.country-list .country-name:nth-child(3):after {
    background: #027602;
}
.country-list .country-name:nth-child(4):after {
    background: #1a89c8;
}
.country-list .country-name .country--title {
    position: relative;
    top: 19px;
    font-size:16px;
    font-family: Gilroy-Regular;
    letter-spacing: 1px;
    color: #fff;
}
.tekrevol_usa_office {
    background: url(../images/sprite_small.png) no-repeat -17px -658px;
    width: 31px;
    height: 46px;
    display: inline-block;
    margin-left: 15px;
}
.tekrevol_canada_office {
    background: url(../images/sprite_small.png) no-repeat -6px -480px;
    width: 54px;
    height: 49px;
    display: inline-block;
    margin-left: 15px;
}
.tekrevol_karachi_office {
    background: url(../images/sprite_small.png) no-repeat -17px -607px;
    width: 34px;
    height: 36px;
    display: inline-block;
    margin-left: 15px;
}
.tekrevol_dubai_office {
    background: url(../images/sprite_small.png) no-repeat;
    width: 35px;
    height: 49px;
    display: inline-block;
    margin-left: 15px;
}
.tekrevol_ireland_office {
    background: url(../images/sprite_small.png) no-repeat -14px -544px;
    width: 38px;
    height: 49px;
    display: inline-block;
    margin-left: 15px;
}
.contact-canada-banner {
    display: none;
}
.marker2:hover .contact-canada-banner {
    background: url(../images/contact-hover22.png) no-repeat;
    position: absolute;
    padding: 10px 10px 10px 20px;
    top: -75px;
    left: 23px;
    width: 145px;
    padding-top: 0;
    background-size: 100% 100%;
    padding-bottom: 0;
    transition: all 0.25s ease;
    height: 95px;
    display: block;
    text-align: left;
    z-index: 9;
}
.marker3:hover .contact-canada-banner {
    background: url(../images/contact-hover22.png) no-repeat;
   position: absolute;
    padding: 10px 10px 10px 25px;
    top: -137px;
    left: 23px;
    width: 427px;
    padding-top: 0;
    background-size: 100% 100%;
    padding-bottom: 0;
    transition: all .25s ease;
    height: 165px;
    display: block;
    text-align: left;
    z-index: 99999;
}
.marker4:hover .contact-canada-banner {
    background: url(../images/contact-hover22.png) no-repeat;
    position: absolute;
    padding: 10px 10px 10px 20px;
    top: -75px;
    left: 23px;
    width: 171px;
    padding-top: 0;
    background-size: 100% 100%;
    padding-bottom: 0;
    transition: all 0.25s ease;
    height: 95px;
    display: block;
    text-align: left;
    z-index: 9;
}
.marker1:hover .contact-canada-banner {
    padding: 10px 10px 10px 35px;
    top: -80px;
    left: 23px;
    width: 180px;
    padding-top: 0;
    background-size: 100% 100%;
    padding-bottom: 0;
    transition: all 0.25s ease;
    height: 137px;
    display: block;
    text-align: left;
    background: url(../images/contact-hover22.png) no-repeat;
    position: absolute;
    z-index: 999999;
}
.contact-canada-banner div.name_coun {
    margin-top: 20px;
}
.contact-canada-banner div.name_coun p {
    margin-bottom: 0;
    font-size: 18px;
    font-family: Gilroy-SemiBold;
    line-height: normal;
}
.marker1:hover .contact-canada-banner div.name_coun span {
    float: left;
    margin-top: 10px;
    width: 96%;
    margin-left: 2%;
    border-right: 1px solid #000;
    font-size: 12px;
}
.marker1:hover .contact-canada-banner div.name_coun span.add__03 {
    border-right: 0 solid #000;
    width: 33%;
}

.tekrevol_usa_office {
    background: url(../images/sprite_small.png) no-repeat -17px -658px;
    width: 31px;
    height: 46px;
    display: inline-block;
    margin-left: 15px;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}














.sec10 {
    background-image: url(../images/offerbg.png);
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 2%;

}

.sec10 .firstRow {
    display: flex;
    justify-content: center;
}

.sec10 .colum1 .firstText h3 {
    font-size: 26px;
    text-align: center;
}

.sec10 .firstText h2 {
    font-size: 46px;
    color: #cb00ff;
    text-align: center;
}

.sec10 .firstText p {


    text-align: center;
}

.sec10 .secondRow {}

.sec10 .colum2 .divform {

    display: flex;
    justify-content: center;

}

.sec10 .colum2 .divform form {

    text-align: center;
    /* border: 1px solid black; */
    width: 63%;
    height: 450px;

}

.sec10 .colum2 .divform form .inp {
    width: 100%;
    background-color: lightgray;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 15px;
    border-radius: 5px;
    padding-left: 40px;
    text-transform: capitalize;
}

.sec10 .form-group {
    position: relative;
}

.sec10 .bi {
    position: absolute;
    font-size: medium;
    top: 20px;
    left: 15px;
}


.sec10 .colum2 .divform form .inpd {
    width: 100%;
    background-color: lightgray;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 5px;


}

.sec10 .colum2 .divform form .textAreaRow {

    height: 30%;
    width: 100%;
    margin: 5px;
}

.sec10 .textareaDiv {
    padding: 0px;
    margin-left: -6px;
}

.sec10 .colum2 .divform form textarea {
    background-color: lightgray;
    border: none;
    /* margin: 10px; */
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    margin-left: 0px;
}

.sec10 .colum2 .divform form .btn {

    background-color: #000;
    width: 200px;
    border-radius: 5px;
    color: white;
    margin: 20px;

}




::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1;
    /* Firefox */


}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000;
}

/* section 11 */

.sec11 {
    background-color: rgba(0, 0, 0, 0.87);
    background-image: url(../images/p_pp.png);
    background-attachment: fixed;
    padding: 30px;

}

footer .firstRow {

    display: flex;
    justify-content: center;
    position: relative;
}

footer .firstRow .colum1 {
    position: absolute;
    top: -112px;
}




footer .colum1 .footerdiv1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #000;
    border-radius: 5px;
    border: 1px solid #6600ff;
}

footer .colum1 .footerdiv1 .divtext {
    padding: 20px;
}

footer .colum1 .footerdiv1 .divtext h3 {

    font-size: 22px;
    color: white;
    font-weight: 300;
    margin-bottom: 0px;
}

footer .colum1 .footerdiv1 h2 {

    font-size: 22px;
    color: #cb00ff;
    padding-bottom: 10px;
    font-weight: 600;
}




footer .colum1 .footerdiv1 .email {
    border: 2px solid #cb00ff;
    height: fit-content;
    background-color: #000;
    width: 200px;
    font-size: 12px;
    border-radius: 5px;
    color: rgb(190, 189, 189);
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
}



footer ::placeholder {

    color: white;
}

footer .colum1 .footerdiv1 .subscribe {
    background-color: #cb00ff;

    height: fit-content;
    width: 200px;
    font-size: 12px;
    border-radius: 5px;
    color: white;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.sec11 .secondRow {
    margin-top: 100px;
}

.sec11 .secondRow .colum1 p {
    color: white;
    line-height: 25px;
    text-align: left;
    font-size: 13px;
}

.sec11 .secondRow .colum1 ul {
    list-style: none;
    padding-left: 0px;
    color: rgb(219, 213, 213);

}


.sec11 .secondRow .colum1 ul li {
    position: relative;
    margin: 20px;
    font-size: 12px;

}

.sec11 .secondRow .colum1 ul li .phoneicon {
    position: absolute;
    top: -1px;
    left: -28px;
}

.sec11 .secondRow .colum1 ul li .location {
    position: absolute;
    top: -1px;
    left: -28px;
}

.sec11 .secondRow .colum1 ul li .emailicon {
    position: absolute;
    top: -1px;
    left: -28px;
}



.sec11 .secondRow .colum2 ul {
    list-style: none;
    padding-left: 0px;
    color: white;

}


.sec11 .secondRow .colum2 ul li {
    font-size: 13px;
    margin: 10px;

}

.sec11 .secondRow .colum2 ul li a {
    color: #fff;

}

.sec11 .secondRow h3 {
    color: #fff;
    font-size: 26px;
    padding-bottom: 10px;
    border-bottom: 2px solid #cb00ff;
    position: relative;

}

.sec11 .secondRow .colum3 h3 {
    color: #cb00ff;
}

.sec11 .secondRow h3::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 40%;
    right: 0px;
    bottom: -2px;
    background: #fff;

}



.sec11 .secondRow .colum3 ul {
    list-style: none;
    padding-left: 0px;
    color: white;

}


.sec11 .secondRow .colum3 ul li {
    font-size: 13px;
    margin: 10px;

}

.sec11 .secondRow .colum3 ul li a {
    color: #fff;
}

.sec11 .secondRow .colum3 img {
    margin-left: 10px;
    margin: 10px;
}


/* ==========================================================================
Footer
========================================================================== */
.sub-footer {
    padding: 38px 0px;
}

.sub-footer p {
    color: #bfbebe;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    line-height: 18px;
    font-size: 12px;
}

.footer-logo {
    width: 129px;
    margin-bottom: 26px;
    margin-top: 25px;

}


.footer-logo img {
    max-width: 100%;
}

.sub-footer .phone p,
.sub-footer .address p,
.sub-footer .mail p,
.sub-footer .mail a {
    display: inline-block;
    padding-left: 10px;
    margin: 0px 0px 5px 0px;
    font-size: 12px;
}

.sub-footer .mail a {
    color: #bfbebe;
}

.sub-footer .mail a:hover {
    color: #fff;
}



.sub-footer .phone i,
.sub-footer .address i,
.sub-footer .mail i {
    color: #bfbebe;
    vertical-align: super;
    display: inline-block;
    font-size: 15px;
}


.sub-footer .phone:hover>i,
.sub-footer .address:hover>i,
.sub-footer .mail:hover>i {
    color: #fff;
}



.sub-footer .phone i,
.sub-footer .mail i {
    vertical-align: baseline;
}

.sub-footer .mail i {
    margin-left: -1px;
}

.sub-footer .phone {
    width: 38%;
    display: inline-block;
}

.sub-footer .address {
    width: 32.3333333333%;
    display: inline-block;
    padding-left: 15px;
    margin-top: 12px;
    vertical-align: top;
}

.sub-footer .address i {
    margin-left: -12px;
    vertical-align: bottom;
    margin-right: 1px;
}

.sub-footer .address h4 {
    margin: 0px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding-left: 10px;
}



.sub-footer .mail {
    padding-right: 10px;
    display: inline-block;
}

.sub-footer ul {}

.sub-footer ul li {
    color: #bfbebe;
    font-weight: 300;
    font-size: 12px;
    padding-bottom: 5px;
    list-style: none;
}

.sub-footer ul li a {
    color: #bfbebe;
    display: block;
}

.sub-footer ul li a:hover {
    color: #fff;
}

.sub-footer ul li.title {
    margin-bottom: 5px;
    color: #fff;
    list-style: none;
    font-size: 14px;
}

.scriptcontainer {
    display: none;
}


.recent-post {}

ul.recent-post li a {
    padding-bottom: 0px;
}

.post-title {
    color: #c3c3c3;
    display: block;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 38px;
    font-size: 13px;
    font-family: 'Poppins';
}

.post-thumb {
    float: left;
    padding-right: 10px;
}

.sub-footer ul li.newsletter {}

.exist {
    display: none;
}

.sub-footer ul li.newsletter .subscribe {
    height: 40px;
    position: relative;
    margin-top: 10px;
}

.sub-footer ul li.newsletter .subscribe input[type="text"] {
    height: 40px;
    width: 262px;
    padding: 10px 20px;
    outline: none;
    background-color: #3c3c3c;

    border: none;
}


.sub-footer ul li.newsletter .subscribe button {
    border: 1px solid #cb00ff;
    position: absolute;
    right: 33px;
    top: 0px;
    height: 40px;
    background-color: #cb00ff;
    font-family: 'montserratbold';
    font-size: 12px;
    color: #fff;
    outline: none;
    line-height: 40px;
    padding: 0px 30px;
    border-left: 1px solid #cb00ff;

    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;


}

.sub-footer ul li.newsletter .subscribe button:hover {
    background-color: #d03c12;
    border: 1px solid #cb00ff !important;
}


.footer_social {
    margin-top: 18px;
    margin-left: 32px;
}

.footer_social a {
    margin-right: 17px;
    background-color: #bfbebe;
    border: 1px solid #3c3c3c;
    width: 40px;
    height: 40px;
    display: inline-block;
    color: #3c3c3c;
    text-align: center;
    line-height: 40px;
}

.footer_social a:hover {
    background-color: #cb00ff;
    color: #fff;
}


footer {
    background-color: #272727;
    position: relative;
}

footer p {
    color: #ACB1B4;
    font-size: 13px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #cb00ff;
}

footer ul.footer-group {
    border-top: solid 1px #4E566C;
    padding-top: 25px;
    margin-bottom: 45px;
}

footer ul.footer-group li {
    display: inline-block;
}

footer ul.footer-group li a {
    font-size: 13px;
    text-transform: uppercase;
}

footer ul.footer-group li a:hover {
    color: #cb00ff;
}

footer ul.footer-group li a {
    padding: 0px 10px 0px 5px;
}

footer ul.footer-group li:last-child {
    margin-right: 0;
}

footer span.fa-heart {
    color: #ff415c;
    font-size: 15px;
    margin: 0 2px;
}

.thankyou {
    text-align: center;
    padding: 35px;
}

.thankyou a {
    color: #cb00ff;
    border: 1px solid #cb00ff;
    padding: 15px 20px;
    font-size: 12px;
}

.thankyou h2 {
    font-size: 24px;
    color: #2c2c2c;
    font-family: 'montserratextra_bold';
}

.thankyou .footer_social a {
    width: 40px;
    height: 40px;
    font-size: 12px;
    padding: 0px;
    background-color: #fff;
}

.thankyou .footer_social a:hover {
    background-color: #cb00ff;
}

.thankyou .footer_social {
    margin-top: 0px;
}

.thankyou .footer_social p {
    margin-top: 0px;
    border-top: 1px solid #ededed;
    color: #4c4c4c;
    padding-top: 25px;
    margin: 0px;
    padding-bottom: 10px;
}


.text-right2 {
    text-align: right;
}


.slcikitm img {
    width: 70%;
    display: table;
    margin: 0 auto;
}
/* ==============================
baner form box
============================== */
/*Inhaal Form CSS*/
box h3 {
    font-weight: 400;
    font-size: 50px;
    margin-bottom: 40px;
    letter-spacing: 0.022em;
     font-family: Gilroy-Bold !important;
}
.box.form .form-group {
    position: relative;
}
.box.form input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #495057 !important;
}
.box.form .form-group2:after {
    content: '';
    width: 20px;
    height: 2px;
    background: #ff00ff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.box h3 span {
    font-weight: 500;
    color: #F47A1F;
     font-family: Gilroy-Bold !important;
}
.box h3 span {
    font-weight: 500;
    color: #ff00ff;
}
 .show_mob{display:none;}
    .hide_mob{display:block;}
.form .form-control {
    background: #fff0;
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    /* or 333% */
    color: rgba(0, 0, 0, 0.5);
    padding: 0 0px;
    border-radius: 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #00000024;
    margin-bottom: 10px;
    resize: none;
    overflow: hidden;
}
.form-group1 label span{
   font-family: 'Gilroy-Medium'; 
}

.box {
    background: #FFFFFF;
    box-shadow: 7px 1px 100px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 20px 40px;
    max-width: 420px;
    margin: auto;
}

.form-group1 {
    margin-top: 22px;
    margin-bottom: 30px;
}
.btn-01 {
    color: #ff00ff;
    border-radius: 10px;
    border: 2px solid #ff00ff;
    padding: 0 35px;
    height: 55px;
    line-height: 52px;
    display: inline-block;
    font-weight: 700;
    font-size: 19px;
    background: #fff0;
    transition: .5s ease;
    cursor:pointer;
}
.btn-01:hover {
    background: #ff00ff;
    color: #fff;
}
.box.form input ,textarea:focus {
    box-shadow: none;
    outline: none;
}

@media (min-width: 1521px) and (max-width: 1920px) {
    .box h3 {
    font-weight: 400;
    font-size: 35px;
    margin-bottom:10px;
    line-height:45px;
    }
    .box h3 span {
    font-size: 35px;
     line-height:45px;
}
.form-group1 {
    margin-top: 10px;
    margin-bottom: 0px;
}
.form .form-control {
    height: 40px;
    font-size:13px;
}
.btn-01 {
    margin-top: 10px;
    width: 160px;
    padding: 0px;
    font-size: 15px;
    height: 50px;
    line-height: 45px;
}
}

  @media (min-width: 1200px) and (max-width: 1520px) {
      .box h3 {
    font-size: 34px;
    line-height: 40px;
     margin-bottom: 10px;
}
.banner {
    height:100vh;
    padding-top: 70px;
}

.form .form-control {
    height: 40px;
    font-size:13px;
}
.form-group1 {
    margin-top: 20px;
    margin-bottom: 0px;
}
.btn-01 {
    margin-top: 10px;
    width: 160px;
    padding: 0px;
    font-size: 15px;
    height: 50px;
    line-height: 45px;
}
.form-group1 label span {
    font-size: 14px;
    vertical-align: text-top;
}
.box h3 span {
    font-size:34px;
}
.box {
    max-width: 390px;
    margin: auto;
}
}

@media (min-width: 992px) and (max-width: 1199px){
    .box h3 {
    font-size: 34px;
    line-height: 40px;
     margin-bottom: 10px;
}
.banner {
    padding-top: 70px;
}

.form .form-control {
    height: 40px;
    font-size:13px;
}
.form-group1 {
    margin-top: 20px;
    margin-bottom: 0px;
}
.btn-01 {
    margin-top: 10px;
    width: 160px;
    padding: 0px;
    font-size: 15px;
    height: 50px;
    line-height: 45px;
}
.form-group1 label span {
    font-size: 14px;
    vertical-align: text-top;
}
.box h3 span {
    font-size:34px;
}
.box {
    max-width: 390px;
    margin: auto;
}
}

@media (min-width: 768px) and (max-width: 991px){
 .box {
    padding: 20px 20px;
}
.box h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.form .form-control {
    height: 40px;
    font-size:13px;
}
.form-group1 {
    margin-top: 20px;
    margin-bottom: 0px;
}
.btn-01 {
    margin-top: 10px;
    width: 160px;
    padding: 0px;
    font-size: 15px;
    height: 50px;
    line-height: 45px;
}
.form-group1 label span {
    font-size: 14px;
    vertical-align: text-top;
}
.box h3 span {
    font-size:34px;
}
.box {
    max-width: 390px;
    margin: auto;
}
}


@media (min-width: 0px) and (max-width: 767px) {
    .box {
    padding: 20px 20px;
    margin-top: 20px;
}
.banner {
    height:100%;
    padding-top: 70px;
    padding-bottom:30px;
}
.box h3 {
    font-size: 25px;
    margin-bottom: 10px;
}
.form .form-control {
    height: 40px;
}
.box h3 span {
    font-size:23px;
}
.form-group1 {
    margin-top: 10px;
    margin-bottom: 0px;
}
.btn-01 {
    margin-top: 10px;
    width: 150px;
    padding: 0px;
    font-size: 15px;
}
.form-group1 label span {
    font-size: 13px;
}
.box h3 {
    font-size: 23px;
    margin-bottom: 10px;
}
  }
/* ===============================================
bottom footer
=============================================== */
.copright {
    padding: 15px;
    background-color: #f7f6f5;
}

.copright p {
    padding: 4px 0px 0px 0px;
    margin: 0px;
    font-size: 11px;
    color: #aaaaaa;

    font-weight: 600;
}

.copright p a {
    color: #aaaaaa;
}

.copright p a:hover {
    color: #f05123;
}

.footer-links {}

.footer-links ul.footer-group {
    margin: 0px;
    padding: 4px;
    border: none;
    font-family: 'montserratregular';
    text-align: right;
}

.footer-links ul.footer-group li {}

.footer-links ul.footer-group li a {
    color: #000;
    text-transform: none;
    font-size: 11px;
    border-right: 1px solid #aaaaaa;
    font-weight: 600;
}

.footer-links ul.footer-group li:last-child a {
    border: none;
}


/* Inner pages */

/* Banner Form */
.banner-form {
    background: #ffffff;
    padding: 0;
    position: relative;
    border-radius: 20px;
    margin: 0;
    width: 90%;
    display: inline-block;
    box-shadow: 0px 0px 30px #0000001f;
    margin: 90px 0;
    z-index: 1;
}

.banner-formInner {
    position: relative;
    background: #fff;
    padding: 40px 60px;
    border-radius: 95px 0;
    margin-top: -107px;
}

.banner-form:after {
    content: "";
    top: auto;
    width: 380px;
    height: 310px;
    position: absolute;
    background-image: linear-gradient(to right, #57063c, #cb00ff);
    z-index: -2;
    left: auto;
    right: -10px;
    transform: skew(0deg, 5deg);
    bottom: -12px;
}

.banner-form:before {
    content: "";
    width: 380px;
    height: 310px;
    position: absolute;
    background-image: linear-gradient(to right, #cb00ff, #57063c);
    z-index: -2;
    left: -10px;
    right: 0;
    transform: skew(0deg, 5deg);
    top: -121px;
}

.banner-form.srv-bnr-frm h3 {
    text-align: center;
    font-size: 30px;
    color: #3e3e3e;
    font-weight: 600;
    margin-top: 0;
    letter-spacing: -1px;
}

.banner-form.srv-bnr-frm h3 b {
    color: #a41d54;
    font-size: 50px;
}

.banner-form.srv-bnr-frm h2 {
    text-align: center;
    font-size: 30px;
    color: #232323;
    font-weight: 300;
    margin-top: 0;
}

.banner-form.srv-bnr-frm h2 b {
    display: block;
    line-height: 40px;
    font-size: 31px;
    font-weight: 800;
    letter-spacing: 0px;
    color: #000;
    background-image: linear-gradient(to right, #cb00ff, #57063c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-services-banner-sec .ban-form input {
    height: 40px;
}

.ban-form input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 15px 0;
}

.fldset {
    display: flex;
    justify-content: center;
}


.fldset .inpsub {
    border-radius: 40px;
    width: 70%;
    background-color: #000;
    color: white;
}

.fldset .but {
    position: relative;
    background-color: #000;
    text-decoration: none;
    padding: 10px;
    border-radius: 40px;
    color: white;
    z-index: 1;
}

.fldset .but:hover {
    color: white;


}

.fldset .but:hover::before {
    background-image: url(../images/button-bg-image.png);
    background-repeat: no-repeat;
    position: absolute;
    content: "saddsad";
    width: 117%;
    height: 131%;
    left: px;
    top: px;
    z-index: -1;

}



.main-services-banner-sec .ban-form .fldset textarea {
    height: 60px;
}

.ban-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 10px;
    border-radius: 3px;
    font-weight: 400;
    height: 49px;
    outline: none !important;
    margin: 0px 0 0px 0;
    resize: none;
}

.fldset.inpchecbx {
    margin: 10px 0 0 0;
    display: none;
}

.ban-form .fldset.inpchecbx label {
    display: inline-block;
    margin: 0;
    line-height: 1.4;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    display: none;
}

.ban-form .fldset.inpchecbx input {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
}



/* sec2 of service page  */

.servicepg .secondRow {
    margin-top: 100px;

}

.servicepg .secondRow h2 {


    text-align: center;
    width: 80%;
    margin: 10px auto;
}

.newheading {
    color: #2e2e2e;
    text-align: center;
    font-family: 'Circular Std';
    font-weight: 900;
    font-size: 38px;
    margin: 10px 0px 10px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1.1;
}

.servicepg .secondRow p {
    width: 80%;
    margin: 0px auto 11px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;

}


.servicepg .thirdRow {
    margin-top: 100px;
    margin-left: 50px;
    margin-right: 50px;
}

.servicepg .thirdRow h3 {
    font-size: medium;
    font-size: 18px;
    line-height: 22px;
    padding-top: 5px;
    color: #2e2e2e;
    text-align: center;
    font-family: 'Circular Std';
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.servicepg .thirdRow img {
    margin: 30px;
}


.servicepg .actions .but {

    margin: 20px;

}

.servicepg .actions .but2 {
    position: relative;
    margin: 20px;

}


.servicepage4 .flags h2 {
    font-size: 21px;
    color: #ff00ff;
    margin-top: 50px;
}

.flag {
    padding-top: 0px;
}

.flag i {
    background: url(../images/sprite02.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 32px;
    display: block;
    margin-top: 10px;
}

.flag i.one {
    background-position: 0px 0px;
}

.flag i.two {
    background-position: -54px 0px;
}

.flag i.three {
    background-position: -107px 0px;
}

.flag i.four {
    background-position: -157px 0px;
}

.flag i.five {
    background-position: -211px 0px;
}

.flag i.six {
    background-position: -262px 0px;
}

.flag i.seven {
    background-position: -315px 0px;
}

.flag i.eight {
    background-position: -366px 0px;
}

.flag i.nine {
    background-position: -419px 0px;
}

.flag i.ten {
    background-position: -473px 0px;
}

.flag i.eleven {
    background-position: -524px 0px;
}

.flag i.twelve {
    background-position: -576px 0px;
}

.flag i.thirteen {
    background-position: -628px 0px;
}

.flag i.fourteen {
    background-position: -680px 0px;
}

.flag i.fifteen {
    background-position: -732px 0px;
}

.flag i.sixteen {
    background-position: -784px 0px;
}

.flag i.seventeen {
    background-position: -836px 0px;
}

.flag i.eighteen {
    background-position: -888px 0px;
}

.flag i.ninteen {
    background-position: -940px 0px;
}

.flag i.twenty {
    background-position: -992px 0px;
}


.is-table {
    display: table
}

.is-colcell {
    display: table-cell;
    float: none;
    vertical-align: top
}

.is-colcell p {
    line-height: 34px
}

section.pricing {
    position: relative;
    background-color: #fff;
    text-align: center;
    padding-bottom: 40px;
    z-index: 99;
}

section.pricing h4,
section.testimonials h4 {
    font-family: 'Circular Std';
    color: #16a085;
    margin: 0;
    text-transform: uppercase;
    line-height: 28px;
    font-size: 18px
}

section.pricing h2,
section.testimonials h2 {
    font-family: 'Circular Std';
    padding: 0;
    font-size: 38px;
    margin: 0;
    line-height: 38px;
    margin-bottom: 16px;
    font-weight: 900;
    text-transform: capitalize;
    color: #2e2e2e
}

section.pricing .sensation-prev,
section.pricing .sensation-next {
    opacity: 0 !important
}

section.singles {
    padding: 0px 0px 0px 0px
}

section.pricing p,
section.testimonials p {
    font-family: 'Circular Std Book';
    font-size: 24px;
    line-height: 28px;
    color: #3a3a3a;
}

section.pricing .single,
.package-detail .single {
    padding: 25px 15px;
    min-height: 612px;
    border: 1px solid #16a085;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.package-detail p {
    font-size: 20px
}

.package-detail .single ul {
    height: 280px
}

.package-detail div.single ul li {
    line-height: 26px
}

span.old-price {
    display: inherit;
    font-family: 'Circular Std';
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 100%;
    margin: 0px auto 7px
}

i.cut::before {
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    background: #9e9c9c;
    position: absolute;
    left: 0;
    top: 44%;
    right: 0;
    margin: 0 auto;
}

div.single h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #16a085;
    margin: 0px
}

div.single h3 {
    font-family: 'Circular Std';
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    color: #2d2b25;
    max-width: 270px;
    margin: 15px auto
}

div.single p {
    font-family: 'Circular Std Book';
    font-size: 14px;
    line-height: 16px;
    color: #2d2b25;
    font-weight: 600;
    margin-bottom: 10px
}

div.single p:first-of-type {
    padding-bottom: 20px;
    margin: 0;
    color: #7b7b7b;
    font-weight: 400;
    padding: 0px 40px 10px 40px
}

div.single span.price {
    font-family: 'Circular Std';
    font-size: 42px;
    font-weight: bold;
    color: #16a085;
    margin: 0;
    line-height: 36px;
    margin-bottom: 30px;
    display: inline-block;
}

div.single ul {
    margin-top: 4px;
    margin-bottom: 0px !important;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto
}

div.single ul.no-scroll {
    height: 120px
}

div.single ul li {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

div.single input[type=submit].btn,
section.testimonials input[type=submit].btn {
    border-radius: 0px;
    height: auto;
    margin-bottom: 22px;
    margin-top: 22px;
    width: 190px;
    text-align: center;
    outline: none
}

div.single p span {
    color: #16a085
}

section.pricing .single.best-seller {
    padding: 30px 15px;
    overflow: hidden;
    position: relative
}

.best-seller ul {
    margin-bottom: 0
}

.best-seller::before {
    content: "BEST SELLER";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    padding: 7px 10px;
    text-indent: -32px;
    display: block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 35px;
    width: 180px;
    background-color: red;
    position: absolute;
    border: 2px solid #b70000;
    box-shadow: 2px 1px 5px 0px #b7b7b7;
    right: -70px
}

.video-frame {
    position: relative;
    height: 100%;
    background: url(../img/video-fram.png);
    max-width: 100%;
    top: 0px;
    background-size: 100%;
    min-width: 620px;
    min-height: 465px
}

section.testimonials {
    background-color: #f9f9f9
}

section.testimonials h2 {
    text-transform: inherit
}

.ipad_frame video {
    background: #000;
    position: absolute;
    width: 80%;
    height: 80%;
    left: 80px;
    top: 44px
}

section.services h3 {
    font-family: 'Circular Std';
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
    margin: 0 0 10px 0;
    color: #2e2e2e
}

section.services p {
    font-size: 18px;
    line-height: 24px
}

section.services span {
    font-family: 'Circular Std Book';
    font-size: 64px;
    line-height: 50px;
    color: #e0e0e0
}

section.services a {
    font-family: 'Circular Std';
    font-weight: bold;
    font-size: 12px
}

.service-row {
    margin-bottom: 60px
}

div.talk-anchor a {
    font-family: 'Circular Std';
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2e2e2e
}

section.count {
    background-color: #efefef;
    background-position: right
}

.book-area {
    background: url('../img/book.webp') no-repeat
}

section.count {
    background: url('../img/project-highlights.webp') no-repeat;
    background-size: cover
}

section.count span {
    font-family: "Circular Std";
    font-weight: 900;
    font-size: 72px;
    color: #16a085;
    line-height: 72px
}

section.count h6 {
    font-family: "Circular Std";
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #2e2e2e;
    margin-top: 0
}

section.count .count-area {
    padding: 20px 0px
}

.maps-section {
    overflow: hidden;
    min-height: 500px
}

.maps {
    position: relative;
    padding-top: 64px
}

.maps .map {
    background-color: #000;
    width: 100%;
    height: 100%;
    min-height: 500px
}

.contact .address {
    background-color: #fff
}

div.single-address {
    width: 100%;
    padding-left: 40px !important;
    padding-top: 100px;
}

section.maps div {
    padding-left: 0;
    padding-right: 0;
}

.single-address a {
    color: #2e2e2e;
    font-family: 'Circular Std Book';
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: block
}

.single-address a.btn-green {
    color: #fff;
    margin: 10px 0px 0px 0px;
    padding: 17px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400
}

.single-address a i {
    color: #8c8c8c;
    margin-left: -20px;
    padding-right: 20px
}

.single-address a:hover {
    text-decoration: none
}

.about-img {
    background-size: cover
}

section.about .dt {
    display: table;
    min-height: 600px;
    width: 100%
}

section.about .dc {
    display: table-cell;
    vertical-align: middle;
    padding-left: 90px
}

.full-width {
    position: relative;
    width: 100%
}

.no-pad-right {
    padding-right: 0
}

.no-pad-left {
    padding-left: 0
}

.no-overflow {
    overflow: hidden
}

.hero-subservices h3,
.hero-subservices h4,
.hero-subservices p {
    text-align: left
}

.hero-subservices p {
    font-size: 22px
}

section.breakdown h5 {
    text-transform: uppercase;
    font-family: 'Circular Std';
    font-weight: 900;
    color: #4c4c4c
}

section.breakdown ul li {
    font-size: 16px;
    list-style: initial;
    margin-left: 16px;
    margin-top: 20px
}

section.breakdown .company_profile {
    margin: 0 auto
}

.tab-wrap {
    margin-top: 24px
}

section.qualities .quality-img,
section.awards .awards-img,
section.process .process-img {
    text-align: center;
    padding: 0px 0px;
    display: inline-block
}

section.process h4 {
    font-size: 18px;
    line-height: 22px;
    padding-top: 5px;
    color: #2e2e2e
}

section.process p {
    font-size: 18px;
    line-height: normal
}

section.process p.main {
    font-size: 24px;
    line-height: 28px
}

section.call-actions .fa {
    font-size: 36px;
    float: left;
    color: #16a085;
    margin-left: 15px;
    margin-top: 25px
}

section.call-actions .fa-mobile-phone {
    font-size: 50px;
    margin-top: 20px
}

div.slash::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 349px;
    width: 1px;
    height: 70px;
    background: #e6e6e6;
    -webkit-transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    transform: rotate(14deg)
}

div.slash2::after {
    left: 287px
}

section.call-actions {
    border: 1px solid #e6e6e6;
    margin-top: 20px;
    padding: 10px 20px;
    background: #fff
}

section.call-actions h3 {
    font-size: 26px;
    margin-top: 23px;
    padding-left: 65px
}

section.call-actions .phone-div h3 {
    padding-left: 55px
}

.phone-div {
    padding-left: 48px
}

section.call-actions h3 span {
    display: block;
    font-size: 18px;
    color: #16a085;
    font-family: 'Circular Std Book';
    font-weight: 200
}

section.call-actions h4 {
    padding-top: 26px
}

section.call-actions h2 {
    font-size: 16px;
    margin: 0px;
    line-height: 22px;
    text-transform: capitalize;
    padding: 11px 11px 11px 30px;
    color: #2c2c2c
}

section.awards .awards-img img {
    margin: 0 auto
}

.has-border {
    border-right: 1px solid #dedede
}

.wrapper {
    width: 400px;
    font-family: 'Roboto', sans-serif;
    margin: 0 auto
}

.skill {
    margin-bottom: 30px;
    position: relative;
    overflow-x: hidden
}

.skill>p {
    font-size: 18px;
    font-weight: 700;
    color: #1a1716;
    margin: 0
}

.skill:before {
    width: 100%;
    height: 8px;
    content: "";
    display: block;
    position: absolute;
    background: #cacaca;
    bottom: 0
}

.skill-bar {
    width: 100%;
    height: 8px;
    background: #16a085;
    display: block;
    position: relative
}

.skill1 {
    width: 95%
}

.skill h4 {
    font-size: 16px;
    font-weight: 400
}

.skill-bar span {
    color: #636b6f;
    position: absolute;
    border-top: 5px solid #f4392f;
    top: -35px;
    padding: 0;
    font-size: 18px;
    padding: 3px 0;
    font-weight: 500
}

.skill-bar {
    position: relative
}

.skill1 .skill-count1 {
    right: 0
}

.skill2 {
    width: 85%
}

.skill2 .skill-count2 {
    right: 0
}

.skill3 {
    width: 99%
}

.skill3 .skill-count3 {
    right: 0
}

.skill4 {
    width: 65%
}

.skill4 .skill-count4 {
    right: 0
}

.skill5 {
    width: 80%
}

.skill5 .skill-count5 {
    right: 0
}

.skill6 {
    width: 100%
}

.skill6 .skill-count6 {
    right: 0
}

section.progress-area {
    background-color: #fff
}

.progress-area p {
    margin-bottom: 0px
}

section.progress-bars h4 {
    color: #636b6f
}

.marg-btm {
    margin-bottom: 20px
}

#quoteForm textarea.form-control {
    resize: none;
    min-height: 90px;
    padding-top: 14px;
}

ul.tabs {
    width: 76%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin: 60px auto;
}

ul.tabs li {
    margin-bottom: 5px;
    font-family: 'Circular Std';
    font-weight: 200;
    background: none;
    text-transform: uppercase;
    color: #2c2c2c;
    background-color: #f5f5f5;
    display: inline-block;
    font-size: 12px;
    min-width: 175px;
    padding: 10px 15px;
    cursor: pointer;
    line-height: 23px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.tabs li:hover {
    background: #505050;
    color: #fff
}

ul.tabs li.current {
    background: #505050;
    color: #fff
}

.servicepage4 .tab-content {
    display: none
}

.tab-content.current {
    display: inherit
}

.thankyou-services {
    background-color: #dcdcdc;
    height: 450px;
    position: relative;
    background-attachment: fixed;
    padding-top: 0px;
    background-size: cover;
    overflow: hidden
}

section.thankyou .actions {
    margin-top: 20px
}

.btn-line-active {
    border-top-color: #c0392b;
    border-right-color: #c0392b;
    border-bottom-color: #db0a58;
    border-left-color: #db0a58
}

.orderNowQuote {
    min-width: 100%;
    margin: 8px 0px;
    background-color: #fff;
    color: #2f2f2f;
    font-weight: 900;
    text-decoration: none;
    height: 50px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Circular Std';
    display: inline-block;
    padding: 16px 15px;
    outline: none;
    border: none;
    min-width: 175px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.call-action small button {
    background: transparent;
    border: none;
    color: #000;
    font-weight: 600;
    text-transform: uppercase
}

#header-sroll.small .call-action small button {
    color: #000
}

ul#news_parent {
    /* display:none; */
}

#news_parent li.tweets {
    max-height: 40px;
    overflow: hidden;
    max-width: 165px;
    text-overflow: ellipsis;
    padding-bottom: 42px;
    margin-bottom: 16px;
    border-bottom: 1px solid #464646
}

.tweets img {
    height: 20px;
    width: auto;
    float: left;
    vertical-align: middle;
    padding-right: 10px;
    padding-top: 2px
}

#header-sroll.small .call-action small button {
    color: #000
}

@media only screen and (min-width:0px) and (max-width:480px) {

    section.about h4,
    section.about h3,
    section.about p,
    section.breakdown h5 {
        text-align: center !important
    }

    section.about .dc {
        padding: 8px
    }

    section.about .no-pad-left {
        padding-right: 0
    }

    section.about .about-img {
        height: 300px;
        background-size: cover
    }

    .maps {
        display: grid;
        height: 600px
    }

    .addresses {
        display: grid
    }

    .get_quote *,
    section.testimonials *,
    .service-row * {
        text-align: center !important
    }

    .xs-padding {
        padding: 20px
    }

    .cup,
    .cam,
    .hand,
    .flower {
        display: none
    }

    .portfolio-jump {
        bottom: 40px
    }
}

.help-block {
    background: rgba(255, 255, 255, 0.8);
    padding: 3px 8px;
    margin-top: 0px;

}

section.call-actions {
    border: none;
}


.skill {
    margin-bottom: 10px;
    position: relative;
    overflow-x: hidden;
}

.skill:before {
    width: 100%;
    height: 8px;
    content: "";
    display: block;
    position: absolute;
    background: #cacaca;
    bottom: 0;
}

.skill h3 {
    font-size: 17px;
}

.skill h4 {
    font-size: 17px;
}


.servicepage4 p {
    margin-top: 10px;
    font-size: 18px;
}

.qualities {
    margin-top: 100px;

}

.qualities .servicepageIcons {
    display: flex;
    justify-content: center;
}

.qualities .servicepageIcons .colum {
    text-align: center;
    width: 219px;
    visibility: visible;
    animation-delay: 0.2s;
    animation-name: fadeInLeft;
}

.qualities .servicepageIcons .colum h4 {
    color: #24221e;
    font-size: 16px;
}

.qualities .servicepageIcons .colum .quality-img {
    margin-bottom: 40px;
}

.qualities .sensation-track {
    display: flex;

}



.qualities .anotherRow {
    margin-top: 50px;
    margin-bottom: 50px;
    border: 1px solid lightgray;

}

.qualities .anotherRow .colum1 h2 {
    font-size: 15px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 26px;

}


.qualities .anotherRow .colum2 h3 {
    font-size: 20px;
}


.qualities .anotherRow .colum2 h3 {
    font-size: 20px;

}

.qualities .anotherRow .colum2 {

    position: relative;
    border: none;
    padding-left: 50px;
    padding-top: 20px;

}

.qualities .anotherRow .colum2 .bi {
    position: absolute;
    left: 0px;
    top: 15px;
    color: #cb00ff;
    font-size: 44px;
}

.qualities .anotherRow .colum2 div {
    color: #cb00ff;
    font-size: 18px;
}

.qualities .anotherRow .colum2 h3 {
    font-size: 24px;
    font-weight: 800;
    padding-left: 0px;
    padding-top: 0px;
}



/* contact page */


.contactpage1 h3 {
    font-size: 36px !important;
}

.contactpage1 h4 {
    color: #cb00ff !important;
    font-weight: 500 !important;
}

.contactpage1 p {
    font-size: 20px;
    font-weight: 200;
}


.contactpage3 {
    background-image: url(../images/offerbg.png);
}

.contactpage3 h2 {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
}

.contactpage3 h3 {
    font-size: 34px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 600;
    color: #ff00ff;
}

.contact7 {
    background-image: url(../images/offerbg.png);
}

.contact7 .flxrow .colum1 h3 {
    color: #ff00ff;
}

.contact7 .flxrow .colum1 h2 {
    color: #ff00ff;
}

.contact7 .flxrow .colum1 p {
    color: #ff00ff;
}



/* portfolio page */


.portfolio1 {
    padding-bottom: 165px;
}

.portfolio1 h3 {
    font-size: 36px !important;
}

.portfolio1 h4 {
    color: #cb00ff !important;
    font-weight: 500 !important;
}

.portfolio1 p {
    font-size: 20px;
    font-weight: 200;
}

.portfolio2 {
    margin-top: -125px;
    background-image: url(../images/offerbg.png);
}

.protfolio3 {}

.protfolio3 h4 {
    text-align: center;
    margin-bottom: 10px;
}

.protfolio3 h3 {
    margin-bottom: 10px;
}

.protfolio3 p {
    text-align: center;
    margin-bottom: 0px;
}

.section-padding {
    background-color: white;
    padding: 5%;
}

section.section-padding.awards h4 {
    text-align: center;
    font-size: 18px;
}

.protfolio3 .award-slid {
    padding-top: 30px;
    padding-bottom: 10px;
}

.protfolio3 .award-slid h4 {
    font-size: 17px;
    margin-top: 11px;
}


/* pricing page */

.pricingpage .nav-tabs .nav-link {
    color: white;
    background-color: black;
    margin: 10px;
    border-radius: 5px;
    width: 193px;
    position: relative;
}

/* .pricingpage .nav-tabs .nav-link.active::after{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 3px solid #ff00ff;
    background-color: #000;
    left: 178px;
    top: 13px;
} */


.pricingpage .nav-tabs {
    display: flex;
    justify-content: center;
}

/* Brandin page */

.extention .divimg {
    position: relative;

}

.extention h4 {
    font-size: 43px;
    font-weight: 700;

}


.extention .mask {
    display: flex;
    justify-content: center;



}

.extention .divimg:hover:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 100%;

    background-color: rgba(25, 39, 170, 0.39);

    animation-name: abs;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;

}

/* #serv{
    position: relative;
}

.dropdown{
    position: absolute;
    border: 1px solid;
    top: 3.5pc;
    left: 46pc;
    width: 200px;
    height:200px;
    background-color:black;
    border-radius: 10px;
    display: none;
}

.dropdown-page{
    display: block;
    color: #ff00ff;
    padding: 10px;
} */




@keyframes abs {
    from {
        top: 10px;
        border-radius: 0px;
        background-color: rgba(170, 168, 25, 0.39);
    }

    to {
        top: 0px;
        border-radius: 20px;
        background-color: rgba(117, 25, 170, 0.39);
    }

}

.extention .divimg:hover:after {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0px;
    right: 0px;

    content: "+";
    font-size: 50px;
    color: white;
    width: 100%;
    height: 100%;
    animation-name: sbs;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;

}

@keyframes sbs {
    from {
        top: 10px;
    }

    to {
        top: 0px;
    }

}




/* Mobile Responsive  */


/* @media only screen and (max-width: 1000px) {
    header .colum1  h6{text-align: center;}
     header .topbar .row .colum2 {display: flex;justify-content: center;}
    .sec1 h3{ text-align: center; }
    .sec1 h4{ text-align: center; }
    .sec1 p{    text-align: center;}
    .sec1   ul{list-style: none;}
    .sec1  ul li{text-align: center;}
    .sec1 .secondRow  {margin-top: 10px;display: flex;justify-content: center;margin-left: 82px;}
     .sec1 .slick-track {margin-left: 82px;}
    }
  */



@media only screen and (min-device-width:120px) and (max-device-width:767px) and (orientation:portrait) {}

@media only screen and (min-device-width:520px) and (max-device-width:767px) and (orientation:portrait) {}

@media only screen and (min-device-width:120px) and (max-device-width:750px) and (orientation:landscape) {}

@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:portrait) {}

@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:landscape) {}

@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:portrait) {}

@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:landscape) {}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    section.sec1 .col-lg-6.col-md-12.col-sm-12.colum2 {
        display: none;
    }

    section.sec9 .lightText {
        margin-top: 89px;
    }

    header .navbar-light .navbar-nav .nav-link {
        font-size: 80%;
        color: #000;
        text-transform: uppercase;
        padding: 6px 10px;
    }

    .sec3 {
        background-image: url(../images/improvebg.jpg);
        background-attachment: fixed;
        background-size: cover;
        padding-top: 150px;
        padding-left: 100px;
        padding-bottom: 5%;
        margin-top: 5%;
    }

    .sec4 .firstul ul li {
        margin-left: 3px;
        margin-right: 3px;
        position: relative;
        padding: 7px 6px;
        width: 38%;
        margin-bottom: 6px;
        font-size: 60%;
        display: flex;
        align-items: center;
        background-color: #cb00ff;
        justify-content: center;
        border-radius: 5px;
    }

    header .colum1 h6 {
        text-align: center;
    }

    header .topbar .row .colum2 {
        display: flex;
        justify-content: center;
    }

    .portfolio1 {
        padding-bottom: 71px;
    }

    .sec1 {
        background-image: url(../images/mainbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 63px 0 42px;
        background-attachment: fixed;
    }

    .sec1 .col-lg-6 {
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
    }

    .sec1 {
        background-attachment: fixed;
    }

    .sec1 h3 {
        font-size: 38px;
    }

    .sec1 h4 {
        font-size: 20px;
    }

    .sec1 ul {
        list-style: none;
        display: none;
    }

    .sec1 ul li {
        text-align: center;
    }

    .sec1 .secondRow {
        margin-top: 10px;
        display: none;
        justify-content: center;
        margin-left: 82px;
    }

    .sec1 .slick-track {
        margin-left: 0px;
    }

    section.sec1.portfolio1 img.img-fluid {
        display: none;
    }

    .sec1 .sliderimg {
        padding: 0px 195px;
        margin-left: 10px;
    }

    .sec2 .colum1 {
        top: 0px;
    }

    .sec2 .colum2 {
        margin-top: 150px;
    }

    .sec2 .servtab .leftTabes .leftTabesdiv {
        display: flex;
        flex-direction: column;
    }

    .sec2 .colum2 .firsticons {
        display: flex;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 21%;
    }

    .sec2 .colum2 .employText h3 {
        font-size: 19px;
    }

    .sec2 .colum3 h4 {
        font-size: 24px;
        margin-top: 150px;
    }

    .sec2 .colum3 h3 {
        font-size: 30px;
    }

    .sec2 .servtab .row {
        margin-bottom: 24px;
    }

    .sec2 .offering {
        margin-top: -231px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        text-align: left;
        width: 164px;
        position: relative;
        z-index: 9;
        float: left;
        margin-right: 6px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        font-size: 77%;
        width: 100%;
        padding-left: 3px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn.active::before {
        background-image: none;
    }

    .sec2 .offering .leftTabes .leftTabesdiv .leftTabesbtn.active::after {
        border-radius: 100%;
        background: #000;
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        top: 5px;
        right: -8px;
        z-index: -1;
        border: 4px solid #ff00ff;
    }

    section.sec1.contactpage1 .row {
        align-items: center;
    }

    section.sec1.contactpage1 {
        padding: 5% 0%;
    }

    section.sec1.contactpage1 h4 {
        font-size: 32px;
    }

    section.sec1.contactpage1 p {
        font-size: 13px !important;
    }

    .sec3 {
        padding-top: 50px;
        padding-left: 44px;
        padding-right: 2px;
    }

    .sec3 h3 {
        font-size: 50px;
    }

    .sec3 .colum1 {
        margin: 0px;
        padding: 0px;
    }

    .sec3 .imagediv img {
        width: 88%;
        top: 0px;
        left: 0px;
    }

    .sec3 h4 {
        margin-left: 100px;
    }

    .sec3 .iconsMain {
        padding-right: 10px;
    }

    .sec3 .iconmain1 {}

    .sec3 .iconmain2 {}

    .sec3 .iconmain1 a {
        font-size: 14px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: -5px;
    }

    .sec3 .iconmain2 a {
        font-size: 14px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: -5px;
    }

    .sec4 .mytext h3 {
        font-size: 22px;
    }

    .sec4 .firstul ul li {
        margin-left: 3px;
        margin-right: 3px;
        position: relative;
        padding: 7px 7px;
        padding-left: 17px;
        width: 15%;
        font-size: 75%;
        display: flex;
        align-items: center;
    }

    .sec4 .firstul ul li::before {
        position: absolute;
        content: "";
        right: -9px;
        height: 12px;
        width: 3px;
        top: 7px;
        background: #000;
    }

    .sec4 section.extention .row.my-3 .col-md-6 {
        flex: 0 0 auto;
        width: 32% !important;
    }

    .sec4 .firstul ul li button {
        text-decoration: none;
        color: white;
        font-weight: bold;
        border: 0;
        padding: 0;
        text-transform: capitalize;
    }

    .sec4 .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        text-decoration: none;
        color: #ffffff !important;
        font-weight: bold;
        border-bottom: none;
        background: transparent;
    }

    .sec5 {
        overflow: hidden;
        display: block;
        width: 100%;
    }

    .sec5 .colum1 .divimage img {
        width: 90%;
    }

    .sec5 .iconsMain {
        justify-content: center;
        padding-left: 0px;
        margin-left: -101px;
    }

    .sec5 .iconmain1 {
        width: 36%;
    }

    .sec5 .iconmain2 {
        width: 36%;
    }

    .sec5 .iconmain1 a {
        font-size: 17px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 10px;
    }

    .sec5 .iconmain2 a {
        font-size: 17px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 10px;
    }

    .sec5 .divtext h3 {
        font-size: 16px;
    }

    .sec5 .divtext h2 {
        font-size: 26px;
    }

    .sec5 {
        background-image: url(../images/bg5.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 11%;
        padding-top: 5%;
    }

    .sec6 {
        overflow: hidden;
    }

    .sec6 .firstText h3 {
        font-size: 39px;
    }

    .sec6 .firstText h2 {
        font-size: 16px;
    }

    .sec6 .firstText p {
        font-size: 13px;
    }

    .sec6 .mycard .divul ul {
        font-size: 92%;
    }

    .sec6 .divprice::before {
        left: 70px;
        top: 31px;
    }

    .sec6 {
        background-image: url(../images/offerbg.png);
        background-attachment: fixed;
        padding-top: 2%;
        padding-bottom: 5%;
    }

    .sec6 .mycard .order a {
        font-size: 13px;
    }

    .sec6 .mycard .book a {
        font-size: 13px;
    }


    .sec7 .flxrow .colum1 h3 {
        font-size: 14px;
    }

    .sec7 .flxrow .colum1 h2 {
        font-size: 21px;
    }

    .sec7 .flxrow .colum1 p {
        font-size: 12px;
    }

    .sec7 .secondRow .underRow h3 {
        color: white;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .sec8 .divh1 h3 {
        font-size: 27px;
    }

    .sec8 .divh1 p {
        font-size: 14px;
    }

    .sec8 .colum1 .divimg {
        margin-bottom: 20px;
    }

    .sec9 {
        padding-bottom: 3pc;
        padding-top: 3pc
    }

    .sec9 .colum1 .lightText h3 {
        font-size: 15px;
    }

    .sec9 .colum1 .lightText h2 {
        font-size: 20px;
    }

    .sec9 .colum1 .boldText h3 {
        font-size: 22px;
    }

    .sec10 .firstText h3 {
        font-size: 18px;
    }

    .sec10 .firstText h2 {
        font-size: 33px;
    }

    .sec10 .firstText p {
        font-size: 14px;
    }


    .sec11 .colum1 .footerdiv1 span {
        width: 50%;
        margin-bottom: 10px;
    }

    .sec11 .colum1 .footerdiv1 a {
        margin-bottom: 10px;
    }

    .sec11 .secondRow {
        margin-top: 80px;
    }



    .sec1,
    .sec2,
    .sec3,
    .sec4,
    .sec5,
    .sec6 {
        display: block;
        overflow: hidden;
    }

    section.sec1.portfolio1 .text-light {
        color: #f8f9fa !important;
        text-align: center;
    }

    section.sec1.portfolio1 .col-lg-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    /* servicepage */

    .sec1 .colum1forservPage {}

    .sec1 .colum2 {
        display: none;
    }

    .sec1 .banner-form:before {
        width: 200px;
    }

    .sec1 .banner-form::after {
        width: 200px;
    }

    .servicepg {
        padding-bottom: 0px;
    }

    .servicepg .secondRow h2 {
        font-size: 25px;
    }

    .servicepg .secondRow p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .servicepg .secondRow {
        margin-top: 149px;
        margin-bottom: 0px;
    }

    .servicepg .thirdRow {
        margin-top: 10px;
    }

    .servicepg .thirdRow p {
        font-size: 13px;
    }

    .servicepage4 .flags h2 {
        text-align: center;
    }

    .servicepage4 .col-xs-2 {
        width: 16.66666667%;
    }

    .servicepage4 p {
        font-size: 14px;
        text-align: center;
    }



    .qualities h2 {
        margin-top: -75px;
        font-size: 17px;
    }

    .qualities h3 {
        text-align: center;
        font-size: 14px;
    }

    .qualities p {
        text-align: center;
        font-size: 10px;
    }

    .qualities .servicepageIcons .colum {
        text-align: center;
        width: 184px;
        border: none;
        margin-bottom: 30px;
    }

    .qualities .anotherRow .colum2 .bi {
        left: 155px;
        top: 0px;
    }

    .qualities .anotherRow .colum1 h2 {
        text-align: center;
        font-size: 19px;
    }

    .qualities .anotherRow .colum2 {
        padding-left: 95px;
        padding-top: 69px;
        margin-left: 0px;
    }

    .qualities .anotherRow .colum2 h3 {
        margin-left: -70px;
        font-size: 16px;
    }

    /* portfolio page */

    .portfolio2 {
        margin-top: 0px;
    }

    .portfolio1 h3 {
        font-size: 14px !important;
        line-height: normal;
    }

    .portfolio1 p {
        font-size: 13px !important;
    }

    .portfolio1 .divbutton {
        display: flex;
        justify-content: center;
    }

    .portfolio1 .divbutton a {
        font-size: 10px;
    }

    .protfolio3 h3 {
        font-size: 14px;
    }

    .protfolio3 p {
        font-size: 11px;
    }

    .protfolio3 .award-slid h4 {
        font-size: 11px;
    }

    .protfolio3 .colum {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
        padding-top: 10px;
    }


    .contactpage1 h3 {
        font-size: 13px !important;
        line-height: normal;
    }

    .contactpage1 p {
        font-size: 10px !important;
    }

    .contactpage3 h3 {
        font-size: 15px;
        margin-bottom: 0px;
    }


    footer {
        text-align: left;
        color: white;
        background-color: #000;
        font-size: 15px;
        padding: 10px;
    }
    .sub-footer ul li.newsletter .subscribe button {
        right: 11px;
       
    }

}


@media only screen and (min-width: 768px) and (max-width: 991px) {

    .revimg.slick-initialized.slick-slider {
        margin-left: 100px;
    }

    header .colum1 h6 {
        text-align: center;
    }

    header .topbar .row .colum2 {
        display: flex;
        justify-content: center;
    }

    .sec1 {
        background-attachment: local;
    }

    .sec1 h3 {
        text-align: center;
        font-size: 38px;
    }

    .sec1 h4 {
        text-align: center;
        font-size: 20px;
    }

    .sec1 p {
        text-align: center;
    }

    .sec1 ul {
        list-style: none;
        display: none;
    }

    .sec1 ul li {
        text-align: center;
    }

    .sec1 .secondRow {
        margin-top: 10px;
        display: flex;
        justify-content: center;
        margin-left: 82px;
    }

    .sec1 .slick-track {
        margin-left: 0px;
    }

    .sec2 .servtab .tabText p {
        font-size: 12px;
    }

    .sec1 {
        background-image: url(../images/mainbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 5%;
        background-attachment: fixed;
    }

    section.sec1.portfolio1 .img-fluid {
        max-width: 100%;
        height: auto;
        display: none;
    }

    .sec2 .servtab .tabText h2 {
        font-size: 20px;
        font-weight: 600;
        color: #000;
    }

    .sec2 .servtab .leftTabes .leftTabesdiv {
        display: flex;
        flex-direction: row;
        margin-bottom: 33px;
    }

    .sec2 .colum1 {
        top: 0px;
    }

    .sec2 .colum2 {
        margin-top: 160px;
    }

    .sec2 .colum2 .firsticons {
        display: flex;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 39%;
    }

    .sec2 .colum3 h4 {
        font-size: 24px;
        margin-top: 100px;
    }

    .sec2 .colum3 h3 {
        font-size: 30px;
    }

    .sec2 .servtab .row {
        margin-bottom: 24px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        text-align: left;
        width: 164px;
        position: relative;
        z-index: 9;
        float: left;
        margin-right: 13px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        font-size: 63%;
        width: 18%;
        padding-left: 3px;
        text-align: center;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn.active::before {
        background-image: none;
    }

    .sec2 .offering .leftTabes .leftTabesdiv .leftTabesbtn.active::after {
        border-radius: 100%;
        background: #000;
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        top: 6px;
        right: -8px;
        z-index: -1;
        border: 4px solid #ff00ff;
    }

    .sec2 .tabimg {
        width: 200%;
    }

    .sec2 .iconsRow {
        margin-bottom: 8%;
        display: flex;
        justify-content: center;
    }

    .sec2 .colum2 .employText p {
        text-align: left;
        font-weight: 500;
        font-size: 13px;
    }

    .sec3 {
        background-image: url(../images/improvebg.jpg);
        background-attachment: fixed;
        background-size: cover;
        padding-top: 150px;
        padding-left: 100px;
        padding-bottom: 120px;
        margin-top: 0px;
    }

    .sec3 {
        padding-top: 5%;
        padding-left: 44px;
        padding-right: 2px;
        padding-bottom: 5%;
    }

    .sec3 h3 {
        font-size: 50px;
    }

    .sec3 .colum1 {
        margin: 0px;
        padding: 0px;
    }

    .sec3 .imagediv img {
        display: none;
    }

    .sec3 h4 {
        margin-left: 100px;
    }

    .sec3 .iconsMain {
        padding-right: 10px;
        padding-top: 3%;
    }

    .sec3 .iconmain1 {}

    .sec3 .iconmain2 {}

    .sec3 .iconmain1 a {
        font-size: 16px;
        font-weight: 500;
        padding-top: 16px;
        padding-left: -5px;
    }

    .sec3 .iconmain2 a {
        font-size: 16px;
        font-weight: 500;
        padding-top: 16px;
        padding-left: -5px;
    }

    section.sec4 .portfolio_imgs section.extention .row.my-3 .col-lg-2.col-md-6.col-sm-12 {
        width: 33%;
    }

    .sec4 .firstul ul {
        list-style: none;
        display: flex;
        justify-content: flex-start;
        margin-top: 30px;
    }

    section.sec4 .portfolio_imgs section.extention .row.my-3 .mask .divimg img {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .sec4 .firstul ul li button {
        text-decoration: none;
        color: white;
        font-weight: bold;
        border: 0;
        padding: 0;
        text-transform: capitalize;
    }

    .sec4 .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        text-decoration: none;
        color: #ffffff !important;
        font-weight: bold;
        border-bottom: none;
        background: transparent;
    }

    .sec4 .mytext h3 {
        font-size: 22px;
    }

    .sec4 .firstul ul li {
        margin-left: 17px;
        margin-right: -11px;
        position: relative;
        padding: 6px 1px;
        width: 15%;
        font-size: 63%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #cb00ff;
        border-radius: 4px;
    }

    .sec4 .firstul ul li::before {
        display: none;
    }

    .sec5 {
        background-image: url(../images/bg5.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 5%;
        padding-top: 5%;
    }

    .sec5 {
        overflow: hidden;
        display: block;
        width: 100%;
    }

    .sec5 .iconsMain {
        justify-content: start;
        padding-left: 30px;
        padding-top: 20px;
    }

    .sec5 .iconmain1 {
        width: 31%;
        margin-left: 58px;
    }

    .sec5 .iconmain2 {
        width: 31%;
    }

    .sec5 .iconmain1 a {
        font-size: 13px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 10px;
    }

    .sec5 .iconmain2 a {
        font-size: 13px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 10px;
    }

    .sec5 .divtext h3 {
        font-size: 16px;
    }

    .sec5 .divtext h2 {
        font-size: 26px;
    }

    section.sec6 .row {
        justify-content: center;
    }

    .sec6 {
        overflow: hidden;
    }

    .sec6 .firstText h3 {
        font-size: 39px;
    }

    .sec6 .firstText h2 {
        font-size: 16px;
    }

    .sec6 .firstText p {
        font-size: 13px;
    }

    .sec6 .mycard {
        border: 2px solid;
        border-radius: 10px;
        background-color: white;
        margin-bottom: 10px;
    }

    .sec6 .mycard .divprice .divpriceText h3 {
        font-size: 26px;
        margin-bottom: 0px;
        color: #373737;
        text-align: left;
    }


    .sec7 .flxrow .colum1 h3 {
        font-size: 14px;
    }

    .sec7 .flxrow .colum1 h2 {
        font-size: 21px;
    }

    .sec7 .flxrow .colum1 p {
        font-size: 12px;
    }

    .sec7 .secondRow .underRow ul .h3 {
        list-style: none;
        color: white;
        font-size: 15px;
        padding-left: 0px;
    }

    .sec7 .secondRow .underRow h3 {
        color: white;
        font-size: 14px;
        font-weight: 600;
    }

    .sec8 .divh1 h3 {
        font-size: 27px;
    }

    .sec8 .divh1 p {
        font-size: 14px;
    }

    .sec8 .colum1 .divimg {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .sec8 .colum1 .divimg .img-fluid {
        max-width: 50%;
    }

    .sec8 .divslider ul {
        border-top: none;
    }

    .sec8 .divslider ul {
        justify-content: space-between;
        margin-left: 8px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sec8 .divslider .divsliderbtn {
        margin: 0px;
        margin-left: -2px;
        width: 98%;
        font-size: 14px;
        padding-left: 22px;
    }

    .sec8 .divslider .divsliderbtn::before {
        background-image: none;
    }

    .sec8 .divslider .divsliderbtn.active::after {
        top: 6px;
        left: 89%;
    }

    .sec9 {
        padding-bottom: 3pc;
        padding-top: 3pc
    }

    .sec9 .colum1 .lightText h3 {
        font-size: 15px;
    }

    .sec9 .colum1 .lightText h2 {
        font-size: 20px;
    }

    .sec9 .colum1 .boldText h3 {
        font-size: 22px;
    }

    .sec10 .firstText h3 {
        font-size: 18px;
    }

    .sec10 .firstText h2 {
        font-size: 33px;
    }

    .sec10 .firstText p {
        font-size: 14px;
    }

    .sec10 .colum2 .divform form {
        width: 100%;
    }

    .sec10 {
        background-image: url(../images/offerbg.png);
        background-attachment: fixed;
        padding-top: 30px;
        padding-bottom: 10%;
    }

    .sec11 .colum1 .footerdiv1 {
        flex-direction: column;
    }

    .sec11 .colum1 .footerdiv1 span {
        width: 50%;
        margin-bottom: 10px;
    }

    .sec11 .colum1 .footerdiv1 a {
        margin-bottom: 10px;
    }

    .sec11 .secondRow h3 {
        margin-top: 69px;
    }

    .sec1,
    .sec2,
    .sec3,
    .sec4,
    .sec5,
    .sec6 {
        display: block;
        overflow: hidden;
    }

    .sec1 .colum1forservPage {
        width: 100%;
    }

    .sec1 .colum2 {
        display: none;
    }

    .sec1 .banner-form:before {
        width: 200px;
    }

    .sec1 .banner-form::after {
        width: 200px;
    }

    .servicepg {
        padding-bottom: 0px;
    }

    .servicepg .secondRow h2 {
        font-size: 25px;
    }

    .servicepg .secondRow p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .servicepg .secondRow {
        margin-top: 210px;
        margin-bottom: 0px;
    }

    .servicepg .thirdRow {
        margin-top: 10px;
    }

    .servicepg .thirdRow p {
        font-size: 13px;
    }

    .servicepage4 .flags h2 {
        text-align: center;
    }

    .servicepage4 .col-xs-2 {
        width: 16.66666667%;
    }

    .servicepage4 p {
        font-size: 14px;
        text-align: left;
    }



    .qualities h2 {
        margin-top: -75px;
        font-size: 17px;
    }

    .qualities h3 {
        text-align: center;
        font-size: 14px;
    }

    .qualities p {
        text-align: center;
        font-size: 10px;
    }

    .qualities .servicepageIcons .colum {
        text-align: center;
        width: 195px;
        border: none;
        margin-bottom: 30px;
    }

    .qualities .anotherRow .colum2 .bi {
        left: 155px;
        top: 0px;
    }

    .qualities .anotherRow .colum1 h2 {
        text-align: center;
    }

    .qualities .anotherRow .colum2 {
        padding-left: 95px;
        padding-top: 69px;
        margin-left: 0px;
    }

    .qualities .anotherRow .colum2 h3 {
        margin-left: -70px;
        font-size: 16px;
    }

    /* portfolio page */

    .portfolio2 {
        margin-top: 0px;
    }

    .portfolio1 h3 {
        font-size: 14px !important;
        line-height: normal;
    }

    .portfolio1 p {
        font-size: 13px !important;
    }

    .portfolio1 .divbutton {
        display: flex;
        justify-content: center;
    }

    .portfolio1 .divbutton a {
        font-size: 10px;
    }

    .protfolio3 h3 {
        font-size: 14px;
    }

    .protfolio3 p {
        font-size: 11px;
    }

    .protfolio3 .award-slid h4 {
        font-size: 11px;
    }

    .protfolio3 .colum {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
        padding-top: 10px;
    }


    .contactpage1 h3 {
        font-size: 13px !important;
        line-height: normal;
    }

    .contactpage1 p {
        font-size: 10px !important;
    }

    .contactpage3 h3 {
        font-size: 15px;
        margin-bottom: 0px;
    }




}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    header .colum1 h6 {
        text-align: center;
    }

    header .topbar .row .colum2 {
        display: flex;
        justify-content: center;
    }

    .sec1 {
        background-attachment: local;
    }

    .sec1 .sliderimg {
        display: none;
    }

    .sec1 h3 {
        text-align: center;
        font-size: 38px;
    }

    .sec1 h4 {
        text-align: center;
        font-size: 20px;
    }

    .sec1 p {
        text-align: center;
    }

    .sec1 ul {
        list-style: none;
        display: none;
    }

    .sec1 ul li {
        text-align: center;
    }

    .sec1 .secondRow {
        margin-top: 10px;
        display: flex;
        justify-content: center;
        margin-left: 82px;
    }

    .sec1 .slick-track {
        margin-left: 0px;
    }

    .sec2 .servtab .leftTabes .leftTabesdiv {
        display: flex;
        flex-direction: row;
    }

    .sec2 .colum2 {
        margin-top: 120px;
    }

    .sec2 .colum2 .firsticons {
        display: flex;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 39%;
    }

    .sec2 .colum3 h4 {
        font-size: 24px;
        margin-top: 100px;
    }

    .sec2 .colum3 h3 {
        font-size: 30px;
    }

    .sec2 .servtab .row {
        margin-bottom: 24px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        text-align: left;
        width: 164px;
        position: relative;
        z-index: 9;
        float: left;
        margin-right: 6px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        font-size: 57%;
        width: 18%;
        padding-left: 3px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn.active::before {
        background-image: none;
    }

    .sec2 .offering .leftTabes .leftTabesdiv .leftTabesbtn.active::after {
        border-radius: 100%;
        background: #000;
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        top: 14px;
        right: -8px;
        z-index: -1;
        border: 4px solid #ff00ff;
    }



    .sec3 {
        padding-top: 50px;
        padding-left: 44px;
        padding-right: 2px;
    }

    .sec3 h3 {
        font-size: 50px;
    }

    .sec3 .colum1 {
        margin: 0px;
        padding: 0px;
    }

    .sec3 .imagediv img {
        display: none;
    }

    .sec3 h4 {
        margin-left: 100px;
    }

    .sec3 .iconsMain {
        padding-right: 10px;
    }

    .sec3 .iconmain1 {}

    .sec3 .iconmain2 {}

    .sec3 .iconmain1 a {
        font-size: 10px;
        font-weight: 500;
        padding-top: 0px;
        padding-left: -5px;
    }

    .sec3 .iconmain2 a {
        font-size: 10px;
        font-weight: 500;
        padding-top: 0px;
        padding-left: -5px;
    }

    .sec4 .mytext h3 {
        font-size: 22px;
    }

    .sec4 .firstul ul li {
        margin-left: 3px;
        margin-right: 3px;
        position: relative;
        padding: 3px 7px;
        width: 14%;
        font-size: 45%;
        display: flex;
        align-items: center;
    }

    .sec4 .firstul ul li::before {
        position: absolute;
        content: "";
        right: -9px;
        height: 12px;
        width: 3px;
        top: 7px;
        background: #000;
    }

    .sec5 {
        overflow: hidden;
        display: block;
        width: 100%;
    }

    .sec5 .colum1 {
        display: none;
    }

    .sec5 .iconsMain {
        justify-content: start;
        padding-left: 40px;
    }

    .sec5 .iconmain1 {
        width: 31%;
    }

    .sec5 .iconmain2 {
        width: 31%;
    }

    .sec5 .iconmain1 a {
        font-size: 10px;
        font-weight: 500;
        padding-top: 0px;
        padding-left: 10px;
    }

    .sec5 .iconmain2 a {
        font-size: 10px;
        font-weight: 500;
        padding-top: 0px;
        padding-left: 10px;
    }

    .sec5 .divtext h3 {
        font-size: 16px;
    }

    .sec5 .divtext h2 {
        font-size: 26px;
    }

    .sec6 {
        overflow: hidden;
    }

    .sec6 .firstText h3 {
        font-size: 39px;
    }

    .sec6 .firstText h2 {
        font-size: 16px;
    }

    .sec6 .firstText p {
        font-size: 13px;
    }

    .sec6 .mycard {
        margin-left: 16%;
        margin-right: 16%;
        margin-bottom: 5%;
    }


    .sec7 .flxrow .colum1 h3 {
        font-size: 14px;
    }

    .sec7 .flxrow .colum1 h2 {
        font-size: 21px;
    }

    .sec7 .flxrow .colum1 p {
        font-size: 12px;
    }

    .sec8 .divh1 h3 {
        font-size: 27px;
    }

    .sec8 .divh1 p {
        font-size: 14px;
    }

    .sec8 .colum1 .divimg {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .sec8 .colum1 .divimg .img-fluid {
        max-width: 50%;
    }

    .sec8 .divslider ul {
        border-top: none;
    }

    .sec8 .divslider ul {
        justify-content: space-between;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sec8 .divslider .divsliderbtn {
        margin: 0px;
        margin-left: 0px;
        width: 100%;
        font-size: 10px;
        padding-left: 10px;
    }

    .sec8 .divslider .divsliderbtn::before {
        background-image: none;
    }

    .sec8 .divslider .divsliderbtn.active::after {
        top: 6px;
        left: 89%;
    }


    .sec9 .colum1 .lightText h3 {
        font-size: 15px;
    }

    .sec9 .colum1 .lightText h2 {
        font-size: 20px;
    }

    .sec9 .colum1 .boldText h3 {
        font-size: 22px;
    }

    .sec10 .firstText h3 {
        font-size: 18px;
    }

    .sec10 .firstText h2 {
        font-size: 33px;
    }

    .sec10 .firstText p {
        font-size: 14px;
    }

    .sec10 .colum2 .divform form {
        width: 100%;
    }

    .sec11 .colum1 .footerdiv1 {
        flex-direction: column;
    }

    .sec11 .colum1 .footerdiv1 span {
        width: 50%;
        margin-bottom: 10px;
    }

    .sec11 .colum1 .footerdiv1 a {
        margin-bottom: 10px;
    }

    .sec11 .secondRow h3 {
        margin-top: 69px;
    }

    .sec11 .divform {
        margin-bottom: 10px;
    }

    .sec1,
    .sec2,
    .sec3,
    .sec4,
    .sec5,
    .sec6 {
        display: block;
        overflow: hidden;
    }


    .sec1 .colum1forservPage {}

    .sec1 .colum2 {
        display: none;
    }

    .sec1 .banner-form:before {
        width: 200px;
    }

    .sec1 .banner-form::after {
        width: 200px;
    }

    .servicepg {
        padding-bottom: 0px;
    }

    .servicepg .secondRow h2 {
        font-size: 25px;
    }

    .servicepg .secondRow p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .servicepg .secondRow {
        margin-top: 137px;
        margin-bottom: 0px;
    }

    .servicepg .thirdRow {
        margin-top: 10px;
    }

    .servicepg .thirdRow p {
        font-size: 13px;
    }

    .servicepage4 .flags h2 {
        text-align: center;
    }

    .servicepage4 .col-xs-2 {
        width: 16.66666667%;
    }

    .servicepage4 p {
        font-size: 14px;
        text-align: center;
    }



    .qualities h2 {
        margin-top: -75px;
        font-size: 17px;
    }

    .qualities h3 {
        text-align: center;
        font-size: 14px;
    }

    .qualities p {
        text-align: center;
        font-size: 10px;
    }

    .qualities .servicepageIcons .colum {
        text-align: center;
        width: 195px;
        border: none;
        margin-bottom: 30px;
    }

    .qualities .anotherRow {
        margin-left: 0px;
    }

    .qualities .anotherRow .colum2 .bi {
        left: 236px;
        top: 0px;
    }

    .qualities .anotherRow .colum1 h2 {
        text-align: center;
    }

    .qualities .anotherRow .colum2 {
        padding-left: 95px;
        padding-top: 69px;
        margin-left: 0px;
    }

    .qualities .anotherRow .colum2 h3 {
        margin-left: -70px;
        font-size: 16px;
    }

    .qualities .anotherRow .colum2 div {
        margin-left: 81px;
    }

    /* portfolio page */

    .portfolio2 {
        margin-top: 0px;
    }

    .portfolio1 h3 {
        font-size: 14px !important;
        line-height: normal;
    }

    .portfolio1 p {
        font-size: 13px !important;
    }

    .portfolio1 .divbutton {
        display: flex;
        justify-content: center;
    }

    .portfolio1 .divbutton a {
        font-size: 10px;
    }

    .protfolio3 h3 {
        font-size: 14px;
    }

    .protfolio3 p {
        font-size: 11px;
    }

    .protfolio3 .award-slid h4 {
        font-size: 11px;
    }

    .protfolio3 .colum {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
        padding-top: 10px;
    }


    .contactpage1 h3 {
        font-size: 13px !important;
        line-height: normal;
    }

    .contactpage1 p {
        font-size: 10px !important;
    }

    .contactpage3 h3 {
        font-size: 15px;
        margin-bottom: 0px;
    }



}


@media only screen and (min-width: 300px) and (max-width: 519px) {
    header .topbar .row .colum2 ul {
        padding-top: 5px;
        padding-left: 0px;
    }

    .sec3 {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 2px;
    }

    .sec3 .iconmain1 a {
        font-size: 11px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 6px;
    }

    .sec3 .iconmain1 {
        width: 209px;
        background-color: #cb00ff;
        height: 27px;
        border-radius: 36px 0px 76px 36px;
        display: flex;
        align-items: center;
        font-size: 20px;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec3 .iconmain1 .iconbt {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        background-color: #cb00ff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid;
    }

    .sec3 .iconmain2 {
        width: 207px;
        background-color: white;
        height: 29px;
        border-radius: 36px 0px 76px 38px;
        display: flex;
        align-items: center;
        font-size: 23px;
        color: black;
        border: 1px solid #cb00ff;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec3 .iconmain2 .icon2 {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #cb00ff;
    }

    .sec5 .iconmain2 {
        width: 145px;
        background-color: white;
        height: 30px;
        border-radius: 36px 0px 76px 38px;
        display: flex;
        align-items: center;
        font-size: 23px;
        color: black;
        border: 1px solid #cb00ff;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec5 .iconmain1 {
        width: 145px !important;
        background-color: #cb00ff;
        height: 30px;
        border-radius: 36px 0px 76px 36px;
        display: flex;
        align-items: center;
        font-size: 6px;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec5 .iconmain1 a {
        font-size: 12px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 5px;
    }

    .sec5 .iconmain2 a {
        font-size: 12px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 5px;
    }

    .sec5 .iconmain1 .icon1 {
        background-color: black;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background-color: #cb00ff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
    }

    .sec6 .mycard .book a {
        border: 3px solid black;
        border-radius: 0px 0px 15px 0px;
        background-color: white;
        font-weight: 600;
        color: #646262;
        padding-top: 9px;
        padding-bottom: 11px;
        padding-left: 24px;
        padding-right: 18px;
        margin-top: 0px;
        display: inline-block;
    }

    .sec6 .mycard .book a {
        border: 3px solid black;
        border-radius: 0px 0px 15px 0px;
        background-color: white;
        font-weight: 600;
        color: #646262;
        padding-top: 9px;
        padding-bottom: 11px;
        padding-left: 24px;
        padding-right: 18px;
        margin-top: 0px;
        display: inline-block;
    }

    .sec9 .colum2 .sliderdiv {
        border: 2px solid black;
        border-radius: 0px 30px 0px 30px;
        padding: 0px;
        background-color: rgba(0, 0, 0, 0.575);
        position: relative;
    }

    .sec9 .colum2 .sliderdiv .commerntarName .commernterText h3 {
        font-size: 17px;
        color: #cb00ff;
    }

    .sec9 .colum2 .sliderdiv p {
        color: white;
        margin: 20px;
        display: flex;
        font-size: 11px;
    }

    footer {
        text-align: center;
        color: white;
        background-color: #000;
        font-size: 9px;
        padding: 11px;
    }

    header .colum1 h6 {
        text-align: center;
    }

    header .topbar .row .colum2 {
        display: flex;
        justify-content: center;
    }

    .sec1 {
        background-attachment: local;
        overflow: hidden;
        padding-bottom: 20px;
    }

    .sec1 h3 {
        text-align: center;
        font-size: 38px;
    }

    .sec1 h4 {
        text-align: center;
        font-size: 20px;
    }

    .sec1 p {
        text-align: center;
        padding: 5px;
    }

    .sec1 ul {
        list-style: none;
        display: none;
    }

    .sec1 .sliderimg {
        display: none;
        margin-bottom: 0px;
    }

    .sec1 .secondRow {
        margin-top: 10px;
        display: flex;
        justify-content: center;
        margin-left: 82px;
    }

    .sec1 .slick-track {
        margin-left: 0px;
    }

    .sec1 .revimg2 {
        display: none;
    }

    .sec2 .colum1 {
        position: relative;
        top: -2px;
    }

    .sec2 .servtab .leftTabes .leftTabesdiv {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .sec2 .colum2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .sec2 .colum2 .firsticons {
        display: flex;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 39%;
    }

    .sec2 .colum2 .employText h3 {
        font-size: 16px;
    }

    .sec2 .colum2 .employText p {
        font-size: 9px;
    }

    .sec2 .letbuild h3 {
        font-size: 16px;
    }

    .sec2 .colum3 h4 {
        font-size: 20px;
        margin-top: 100px;
    }

    .sec2 .colum3 h3 {
        font-size: 22px;
    }

    .sec2 .servtab .row {
        margin-bottom: 24px;
    }

    .sec2 .offering {
        margin-top: -157px;
    }

    .sec2 .offering p {
        font-size: 10px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        text-align: center;
        width: 164px;
        position: relative;
        z-index: 9;
        float: left;
        margin-right: 12px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn {
        font-size: 100%;
        width: 100%;
        padding-left: 10px;
    }

    .sec2 .offering .servtab .leftTabes .leftTabesdiv .leftTabesbtn.active::before {
        background-image: none;
    }

    .sec2 .offering .leftTabes .leftTabesdiv .leftTabesbtn.active::after {
        border-radius: 100%;
        background: #000;
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        top: 6px;
        right: -8px;
        z-index: -1;
        border: 4px solid #ff00ff;
    }

    .sec2 .servtab .tabText h2 {
        font-size: 22px;
        margin-top: 15px;
    }

    .sec3 {
        margin-top: 0px;
        padding-bottom: 50px;
    }

    .sec3 {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 2px;
    }

    .sec3 h3 {
        font-size: 50px;
    }

    .sec3 .colum1 {
        margin: 0px;
        padding: 0px;
    }

    .sec3 .imagediv img {
        display: none;
    }

    .sec3 h4 {
        margin-left: 100px;
    }

    .sec3 p.wow.bounceInUp.center {
        font-size: 12px;
    }

    .sec3 .iconsMain {
        padding-right: 10px;
    }

    .sec3 .iconmain1 {}

    .sec3 .iconmain2 {}

    .sec3 .iconmain1 a {
        font-size: 13px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 6px;
    }

    .sec3 .iconmain2 a {
        font-size: 13px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 6px;
    }

    .sec3 .iconmain1 {
        width: 211px;
        background-color: #cb00ff;
        height: 33px;
        border-radius: 36px 0px 76px 36px;
        display: flex;
        align-items: center;
        font-size: 20px;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec3 .iconmain1 .icon1 img {
        padding: 8px;
    }

    .sec3 .iconmain1 .iconbt {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background-color: #cb00ff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid;
    }

    .sec3 .iconmain2 {
        width: 211px;
        background-color: white;
        height: 33px;
        border-radius: 36px 0px 76px 38px;
        display: flex;
        align-items: center;
        font-size: 23px;
        color: black;
        border: 1px solid #cb00ff;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec3 .iconmain2 .icon2 img {
        padding: 5px;
    }

    .sec3 .iconmain2 .icon2 {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #cb00ff;
    }

    .sec4 .mytext h3 {
        font-size: 22px;
    }

    .sec4 .mytext h2 {
        font-size: 12px;
    }

    .sec4 .firstul ul li {
        margin-left: 3px;
        margin-right: 3px;
        position: relative;
        padding: 12px 0px;
        width: 40%;
        margin-bottom: 6px;
        font-size: 60%;
        display: flex;
        align-items: center;
        background-color: #cb00ff;
        justify-content: center;
        border-radius: 5px;
    }

    .sec4 .firstul ul li button {
        text-decoration: none;
        color: #ffff;
        font-weight: 600;
        border: 0;
        font-size: 10px;
        padding: 0;
        text-transform: capitalize;
    }

    .sec4 .firstul ul li::before {
        display: none;
    }

    .sec4 .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        text-decoration: none;
        color: #ffff !important;
        border-bottom: none;
    }

    .row.my-3 .col-lg-2.col-md-6.col-sm-12 {
        width: 50%;
    }

    .portfolio_imgs section.extention .img-fluid {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .sec5 {
        overflow: hidden;
        display: block;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .sec5 .colum1 {
        display: none;
    }

    .sec5 .iconsMain {
        justify-content: start;
        padding-left: 32px;
        padding-right: 32px;
    }

    .sec5 .iconmain1 {
        width: 31%;
    }

    .sec5 .iconmain2 {
        width: 31%;
    }

    .sec5 .iconmain1 a {
        font-size: 10px;
        font-weight: 500;
        padding-top: 0px;
        padding-left: 10px;
    }

    .sec5 .iconmain2 a {
        font-size: 10px;
        font-weight: 500;
        padding-top: 0px;
        padding-left: 10px;
    }

    .sec5 .divtext h3 {
        font-size: 12px;
    }

    .sec5 .divtext h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .sec5 .iconmain1 {
        width: 170px !important;
        background-color: #cb00ff;
        height: 33px;
        border-radius: 36px 0px 76px 36px;
        display: flex;
        align-items: center;
        font-size: 20px;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec5 .colum2 {
        padding-top: 23px;
        padding-bottom: 35px;
    }

    .sec5 .iconmain1 .icon1 {
        background-color: black;
        width: 42px;
        height: 42px;
        border-radius: 100%;
        background-color: #cb00ff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
    }

    .sec5 .iconmain1 a {
        font-size: 13px;
        font-weight: 500;
        padding-top: 11px;
        padding-left: 5px;
    }

    .sec5 .iconmain1 {
        width: 259px;
        background-color: #cb00ff;
        height: 30px;
        border-radius: 36px 0px 76px 36px;
        display: flex;
        align-items: center;
        font-size: 21px;
        width: 148px !important;
        width: 150 !important;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec5 .iconmain2 a {
        font-size: 13px;
        font-weight: 500;
        padding-top: 10px;
        padding-left: 10px;
    }

    .sec5 .iconmain2 .icon2 {
        background-color: black;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #cb00ff;
    }

    .sec5 .iconmain2 .icon2 img {
        padding: 7px;
    }

    .sec5 .iconmain2 {
        width: 150px;
        background-color: white;
        height: 30px;
        border-radius: 36px 0px 76px 38px;
        display: flex;
        align-items: center;
        font-size: 23px;
        color: black;
        border: 1px solid #cb00ff;
        box-shadow: 3px 5px 5px rgb(0 0 0 / 51%);
    }

    .sec6 {
        background-image: url(../images/offerbg.png);
        background-attachment: fixed;
        padding-top: 36px;
        padding-bottom: 50px;
    }

    .sec6 {
        overflow: hidden;
        display: block;
        width: 100
    }

    .sec6 .firstText h3 {
        font-size: 26px;
    }

    .sec6 .firstText h2 {
        font-size: 16px;
    }

    .sec6 .firstText p {
        font-size: 13px;
    }

    .sec6 .mycard {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sec6 .mycard .divheading h3 {
        font-size: 25px;
    }

    .sec6 .mycard .divheading h3 span {
        display: inline;
        font-size: 25px;
    }

    .tabimg img.img-fluid {
        display: none;
    }

    .sec6 .divprice::before {
        background-image: url(../images/line2.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 35px;
        left: 76px;
        content: "";
        width: 100%;
        height: 100%;
    }

    .sec7 {
        background-image: url(../images/bg5.png);
        background-attachment: fixed;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .sec7 .flxrow .colum1 h3 {
        font-size: 14px;
    }

    .sec7 .flxrow .colum1 h2 {
        font-size: 21px;
    }

    .sec7 .flxrow .colum1 p {
        font-size: 12px;
    }

    .sec7 .dropdown_ul-div {
        display: none;
    }

    .sec8 .divh1 h3 {
        font-size: 27px;
    }

    .sec8 .divh1 p {
        font-size: 14px;
    }

    .sec8 .colum1 .divimg {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .sec8 .colum1 .divimg .img-fluid {
        max-width: 50%;
    }

    .sec8 .divslider ul {
        border-top: none;
    }

    .sec8 .divslider ul {
        justify-content: inherit;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sec8 .divslider ul li {
        padding-top: 1px;
        margin: 4px;
    }

    .sec8 .divslider .divsliderbtn {
        margin: 0px;
        margin-left: 0px;
        width: 100%;
        font-size: 10px;
        padding-left: 10px;
    }

    .sec8 .divslider .divsliderbtn::before {
        background-image: none;
    }

    .sec8 .divslider .divsliderbtn.active::after {
        top: 6px;
        left: 89%;
    }

    .sec8 .colum2 .divtext h3 {
        font-size: 35px;
    }

    .sec8 .colum2 .divtext p {
        font-size: 12px;
    }

    .sec9 {
        background-image: url(../images/sec9-bg-liyer.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding-top: 25px;
        padding-bottom: 150px;
    }

    .sec9 {
        padding-bottom: 25px;
    }

    .sec9 .colum1 .lightText h3 {
        font-size: 15px;
    }

    .sec9 .colum1 .lightText h2 {
        font-size: 20px;
    }

    .sec9 .colum1 .boldText h3 {
        font-size: 22px;
    }

    .sec10 .firstText h3 {
        font-size: 18px;
    }

    .sec10 .firstText h2 {
        font-size: 33px;
    }

    .sec10 .firstText p {
        font-size: 14px;
    }

    .sec10 .colum2 .divform form {
        width: 100%;
    }

    .sec11 .colum1 .footerdiv1 {
        flex-direction: column;
        margin-top: 60px;
    }

    .sec11 .colum1 .footerdiv1 span {
        width: 50%;
        margin-bottom: 10px;
    }

    .sec11 .colum1 .footerdiv1 form {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sec11 .colum1 .footerdiv1 form input {
        margin-bottom: 10px;
    }

    .sec11 .secondRow h3 {
        text-align: initial;
        font-size: 22px;
    }

    .sec11 .secondRow .colum1 {
        margin-top: 117px;
    }

    .sec11 .secondRow .colum2 {
        margin-top: 30px;
    }

    .sec11 .secondRow .colum1 p {
        line-height: normal;
    }

    .sec11 .colum1 .footerdiv1 h2 {
        font-size: 17px;
        color: #cb00ff;
        padding-bottom: 10px;
        font-weight: 600;
    }

    .sec11 .colum1 .footerdiv1 .divtext h3 {
        font-size: 17px;
        color: white;
        font-weight: 300;
        margin-bottom: 0px;
    }

    .sec1,
    .sec2,
    .sec3,
    .sec4,
    .sec5,
    .sec6 {
        display: block;
        overflow: hidden;
    }

    /* service page respocive */

    .sec1 .colum1forservPage {}

    .sec1 .colum2 {
        display: none;
    }

    .sec1 .banner-form:before {
        width: 200px;
    }

    .sec1 .banner-form::after {
        width: 200px;
    }

    .servicepg {
        padding-bottom: 0px;
    }

    .servicepg .secondRow h2 {
        font-size: 25px;
    }

    .servicepg .secondRow p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .servicepg .secondRow {
        margin-top: 37px;
        margin-bottom: 0px;
    }

    .servicepg .thirdRow {
        margin-top: 10px;
    }

    .servicepg .thirdRow p {
        font-size: 13px;
    }

    .servicepage4 .flags h2 {
        text-align: center;
    }

    .servicepage4 .col-xs-2 {
        width: 16.66666667%;
    }

    .servicepage4 p {
        font-size: 14px;
        text-align: center;
    }


    .qualities {
        overflow: hidden;
    }

    .qualities h2 {
        margin-top: 0px;
        font-size: 17px;
    }

    .qualities h3 {
        text-align: center;
        font-size: 14px;
    }

    .qualities p {
        text-align: center;
        font-size: 10px;
    }

    .qualities .servicepageIcons .colum {
        text-align: center;
        width: 195px;
        border: none;
        margin-bottom: 30px;
    }

    .qualities .anotherRow .colum2 .bi {
        left: 155px;
        top: 0px;
    }

    .qualities .anotherRow .colum1 h2 {
        text-align: center;
    }

    .qualities .anotherRow .colum2 {
        padding-left: 95px;
        padding-top: 69px;
        margin-left: 0px;
    }

    .qualities .anotherRow .colum2 h3 {
        margin-left: -70px;
        font-size: 16px;
    }

    /* portfolio page */

    .portfolio2 {
        margin-top: 0px;
    }

    .portfolio1 h3 {
        font-size: 14px !important;
        line-height: normal;
    }

    .portfolio1 p {
        font-size: 13px !important;
    }

    .portfolio1 .divbutton {
        display: flex;
        justify-content: center;
    }

    .portfolio1 .divbutton a {
        font-size: 10px;
    }

    .protfolio3 h3 {
        font-size: 14px;
    }

    .protfolio3 p {
        font-size: 11px;
    }

    .protfolio3 .award-slid h4 {
        font-size: 11px;
    }

    .protfolio3 .colum {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
        padding-top: 10px;
    }



    .contactpage1 h3 {
        font-size: 13px !important;
        line-height: normal;
    }

    .contactpage1 p {
        font-size: 10px !important;
    }

    .contactpage3 h3 {
        font-size: 15px;
        margin-bottom: 0px;
    }




}